#6EDBC3#6EDBC3
#6EDBC3 is a very light, moderate teal. Relative luminance 0.579; OKLCH L 82.0% C 0.107 H 177.2°. Best body text is #000000 at 12.58:1 contrast (WCAG AA passes).
Color values
| HEX | #6EDBC3 |
|---|---|
| RGB | rgb(110, 219, 195) |
| HSL | hsl(167, 60%, 65%) |
| HSV | hsv(167, 50%, 86%) |
| CMYK | cmyk(49.8%, 0%, 11%, 14.1%) |
| CIE-LAB | lab(80.69, -37.12, 2.19) |
| CIE-LCH | lch(80.69, 37.19, 176.62°) |
| OKLab | oklab(82% -0.107 0.0052) |
| OKLCH | oklch(82% 0.107 177.2) |
| XYZ | xyz(41.6080, 57.9145, 60.6052) |
| Luminance | 0.5792 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Seafoam Blue
#78D1B6
ΔE00 3.24
Turquoise
#40E0D0
ΔE00 4.58
Mediumaquamarine
#66CDAA
ΔE00 5.12
Tiffany Blue
#7BF2DA
ΔE00 5.16
Pale Teal
#82CBB2
ΔE00 5.24
Light Teal
#90E4C1
ΔE00 5.47
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#6EDBC3 #DB6E86
analogous
#6EDB8D #6EDBC3 #6EBDDB
triadic
#6EDBC3 #C36EDB #DBC36E
tetradic
#6EDBC3 #8D6EDB #DB6E86 #BDDB6E
square
#6EDBC3 #8D6EDB #DB6E86 #BDDB6E
split-complementary
#6EDBC3 #DB6EBD #DB8D6E
monochromatic
#29A68A #3DCFAF #6EDBC3 #9FE7D7 #D0F3EC
Accessibility & contrast
On white
1.67
#6EDBC3 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.58
#6EDBC3 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #6EDBC3
12.58:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##6EDBC3 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##6EDBC3 | 1.00 | 1.67 | 12.58 | 12.58 |
| #FFFFFF | 1.67 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.58 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D4D0C2
Deuteranopia (green-blind)
#C2C3C5
Tritanopia (blue-blind)
#3BDED4
Achromatopsia (no color)
#C8C8C8
Design tokens & code
CSS
--color: #6edbc3; /* rgb */ color: rgb(110, 219, 195); /* oklch */ color: oklch(82.0% 0.107 177.2);
Tailwind
colors: {
custom: {
50: '#9fe6d5',
500: '#6edbc3',
950: '#000000',
},
}SCSS
$custom: #6edbc3; $custom-light: #9fe6d5; $custom-dark: #000000;
JSON
{
"hex": "#6edbc3",
"rgb": {
"r": 110,
"g": 219,
"b": 195
},
"hsl": {
"h": 166.789,
"s": 60.221,
"l": 64.51
},
"oklch": {
"l": 0.82003,
"c": 0.10714,
"h": 177.2
},
"luminance": 0.57918
}Semantic roles & 50–950 ramp
primary
#6EDBC3
secondary
#A9455B
accent
#1E43C8
background
#FCFEFE
surface
#F6FCFB
border
#D0D5D4
text
#0F1614
muted
#808483