Skip to content

#7FD5C4

≈ mediumturquoise · rgb(127, 213, 196)
Color formats
HEX#7FD5C4
RGBrgb(127, 213, 196)
HSLhsl(168, 51%, 67%)
HSVhsv(168, 40%, 84%)
OKLCHoklch(81% 0.09 180)
CMYKcmyk(40%, 0%, 8%, 16%)
Contrast & accessibility
On white1.72:1below AA
On black12.22:1AA pass
Best text color#000000
Nearest CSS name: mediumturquoise
Copy-ready code
CSS custom properties
:root {
  --mediumturquoise: #7fd5c4;
  --mediumturquoise-rgb: 127 213 196;
  --mediumturquoise-oklch: oklch(81% 0.09 180);
}
The space-separated triple lets you set alpha without a second variable:
background: rgb(var(--mediumturquoise-rgb) / 40%);
Tailwind (arbitrary value)
bg-[#7fd5c4] text-[#7fd5c4] border-[#7fd5c4]
Shades & tints
50
#EDF2F1
100
#E3EDEB
200
#CDE4DF
300
#B5DDD5
400
#9BD8CC
500
#7FD5C4
600
#4EC0A9
700
#38907F
800
#275C51
900
#132925
950
#08110F
Color harmonies
Complementary
#D57F90
Analogous −30°
#7FD599
Analogous +30°
#7FBBD5
Triadic +120°
#C47FD5
Triadic −120°
#D5C47F
About this color

#7FD5C4 is a color with the RGB value rgb(127, 213, 196). Its closest CSS named color is "mediumturquoise". On this page you'll find every format (HEX, RGB, HSL, HSV, OKLCH, CMYK), WCAG contrast against white and black, a full 50–950 shade scale, and complementary, analogous and triadic harmonies — each linking to its own color page.

Related

Convert #7FD5C4 to other formats

Palettes with a similar color

Gradients with a similar color

✓ Copied