#6FECDF#6FECDF
#6FECDF is a very light, moderate teal. Relative luminance 0.687; OKLCH L 86.8% C 0.113 H 186.2°. Best body text is #000000 at 14.74:1 contrast (WCAG AA passes).
Color values
| HEX | #6FECDF |
|---|---|
| RGB | rgb(111, 236, 223) |
| HSL | hsl(174, 77%, 68%) |
| HSV | hsv(174, 53%, 93%) |
| CMYK | cmyk(53%, 0%, 5.5%, 7.5%) |
| CIE-LAB | lab(86.35, -37.91, -4.32) |
| CIE-LCH | lch(86.35, 38.16, 186.51°) |
| OKLab | oklab(86.84% -0.1128 -0.0123) |
| OKLCH | oklch(86.84% 0.113 186.2) |
| XYZ | xyz(49.8646, 68.6934, 80.4291) |
| Luminance | 0.6870 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Tiffany Blue
#7BF2DA
ΔE00 3.84
Turquoise
#40E0D0
ΔE00 4.05
Bright Aqua
#0BF9EA
ΔE00 4.76
Bright Turquoise
#0FFEF9
ΔE00 5.89
Bright Cyan
#41FDFE
ΔE00 6.37
Aqua
#00FFFF
ΔE00 6.82
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6FECDF #EC6F7C
analogous
#6FECA0 #6FECDF #6FBAEC
triadic
#6FECDF #DF6FEC #ECDF6F
tetradic
#6FECDF #A06FEC #EC6F7C #BAEC6F
square
#6FECDF #A06FEC #EC6F7C #BAEC6F
split-complementary
#6FECDF #EC6FBA #ECA06F
monochromatic
#1AC6B5 #39E5D3 #6FECDF #A5F3EB #DBFAF7
Accessibility & contrast
On white
1.42
#6FECDF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.74
#6FECDF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #6FECDF
14.74:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6FECDF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6FECDF | 1.00 | 1.42 | 14.74 | 14.74 |
| #FFFFFF | 1.42 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.74 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.74 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E1E1DF
Deuteranopia (green-blind)
#CDD2E0
Tritanopia (blue-blind)
#0BF1E8
Achromatopsia (no color)
#D8D8D8
Design tokens & code
CSS
--color: #6fecdf; /* rgb */ color: rgb(111, 236, 223); /* oklch */ color: oklch(86.8% 0.113 186.2);
Tailwind
colors: {
custom: {
50: '#a2f2e8',
500: '#6fecdf',
950: '#000000',
},
}SCSS
$custom: #6fecdf; $custom-light: #a2f2e8; $custom-dark: #000000;
JSON
{
"hex": "#6fecdf",
"rgb": {
"r": 111,
"g": 236,
"b": 223
},
"hsl": {
"h": 173.76,
"s": 76.687,
"l": 68.039
},
"oklch": {
"l": 0.86835,
"c": 0.11349,
"h": 186.2
},
"luminance": 0.68698
}Semantic roles & 50–950 ramp
primary
#6FECDF
secondary
#C43B49
accent
#0D22D9
background
#FDFFFE
surface
#F7FEFC
border
#D0D6D5
text
#101716
muted
#818584