#ADECEC#ADECEC
#ADECEC is a very light, moderate teal. Relative luminance 0.749; OKLCH L 90.1% C 0.063 H 196.1°. Best body text is #000000 at 15.99:1 contrast (WCAG AA passes).
Color values
| HEX | #ADECEC |
|---|---|
| RGB | rgb(173, 236, 236) |
| HSL | hsl(180, 62%, 80%) |
| HSV | hsv(180, 27%, 93%) |
| CMYK | cmyk(26.7%, 0%, 0%, 7.5%) |
| CIE-LAB | lab(89.36, -19.66, -6.40) |
| CIE-LCH | lch(89.36, 20.67, 198.04°) |
| OKLab | oklab(90.09% -0.0608 -0.0175) |
| OKLCH | oklch(90.09% 0.063 196.1) |
| XYZ | xyz(62.3645, 74.9282, 90.5172) |
| Luminance | 0.7493 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Paleturquoise
#AFEEEE
ΔE00 0.44
Duck Egg Blue
#C3FBF4
ΔE00 4.40
Robin'S Egg Blue
#98EFF9
ΔE00 4.43
Light Sky Blue
#C6FCFF
ΔE00 4.44
Pale Cyan
#B7FFFA
ΔE00 4.44
Pale Sky Blue
#BDF6FE
ΔE00 4.45
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#ADECEC #ECADAD
analogous
#ADECCC #ADECEC #ADCCEC
triadic
#ADECEC #ECADEC #ECECAD
tetradic
#ADECEC #CCADEC #ECADAD #CCECAD
square
#ADECEC #CCADEC #ECADAD #CCECAD
split-complementary
#ADECEC #ECADCC #ECCCAD
monochromatic
#4AD5D5 #7BE0E0 #ADECEC #DFF8F8 #E6F9F9
Accessibility & contrast
On white
1.31
#ADECEC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.99
#ADECEC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #ADECEC
15.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##ADECEC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##ADECEC | 1.00 | 1.31 | 15.99 | 15.99 |
| #FFFFFF | 1.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E4E6EC
Deuteranopia (green-blind)
#D8DDED
Tritanopia (blue-blind)
#97F0EC
Achromatopsia (no color)
#E1E1E1
Design tokens & code
CSS
--color: #adecec; /* rgb */ color: rgb(173, 236, 236); /* oklch */ color: oklch(90.1% 0.063 196.1);
Tailwind
colors: {
custom: {
50: '#c7f2f2',
500: '#adecec',
950: '#000000',
},
}SCSS
$custom: #adecec; $custom-light: #c7f2f2; $custom-dark: #000000;
JSON
{
"hex": "#adecec",
"rgb": {
"r": 173,
"g": 236,
"b": 236
},
"hsl": {
"h": 180,
"s": 62.376,
"l": 80.196
},
"oklch": {
"l": 0.90086,
"c": 0.06329,
"h": 196.1
},
"luminance": 0.74931
}Semantic roles & 50–950 ramp
primary
#ADECEC
secondary
#C97575
accent
#1B1BCA
background
#FDFFFF
surface
#F9FEFE
border
#D2D6D6
text
#131716
muted
#828585