#7ADAEC#7ADAEC
#7ADAEC is a very light, moderate teal. Relative luminance 0.603; OKLCH L 83.6% C 0.094 H 211.1°. Best body text is #000000 at 13.07:1 contrast (WCAG AA passes).
Color values
| HEX | #7ADAEC |
|---|---|
| RGB | rgb(122, 218, 236) |
| HSL | hsl(189, 75%, 70%) |
| HSV | hsv(189, 48%, 93%) |
| CMYK | cmyk(48.3%, 7.6%, 0%, 7.5%) |
| CIE-LAB | lab(82.02, -23.68, -17.61) |
| CIE-LCH | lch(82.02, 29.51, 216.64°) |
| OKLab | oklab(83.58% -0.0806 -0.0486) |
| OKLCH | oklch(83.58% 0.094 211.1) |
| XYZ | xyz(48.2319, 60.3325, 88.4443) |
| Luminance | 0.6034 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Robin'S Egg
#6DEDFD
ΔE00 4.92
Robin Egg Blue
#8AF1FE
ΔE00 5.44
Robin'S Egg Blue
#98EFF9
ΔE00 5.58
Aqua Blue
#02D8E9
ΔE00 6.11
Neon Blue
#04D9FF
ΔE00 6.18
Sky Blue
#87CEEB
ΔE00 6.29
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7ADAEC #EC8C7A
analogous
#7AECC5 #7ADAEC #7AA1EC
triadic
#7ADAEC #EC7ADA #DAEC7A
tetradic
#7ADAEC #C57AEC #EC8C7A #A1EC7A
square
#7ADAEC #C57AEC #EC8C7A #A1EC7A
split-complementary
#7ADAEC #EC7AA1 #ECC57A
monochromatic
#1DB2CE #44CBE4 #7ADAEC #B0E9F4 #E4F8FB
Accessibility & contrast
On white
1.61
#7ADAEC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.07
#7ADAEC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7ADAEC
13.07:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7ADAEC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7ADAEC | 1.00 | 1.61 | 13.07 | 13.07 |
| #FFFFFF | 1.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.07 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.07 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CBD4ED
Deuteranopia (green-blind)
#B9C6EC
Tritanopia (blue-blind)
#39E2DF
Achromatopsia (no color)
#CCCCCC
Design tokens & code
CSS
--color: #7adaec; /* rgb */ color: rgb(122, 218, 236); /* oklch */ color: oklch(83.6% 0.094 211.1);
Tailwind
colors: {
custom: {
50: '#a7e5f2',
500: '#7adaec',
950: '#000000',
},
}SCSS
$custom: #7adaec; $custom-light: #a7e5f2; $custom-dark: #000000;
JSON
{
"hex": "#7adaec",
"rgb": {
"r": 122,
"g": 218,
"b": 236
},
"hsl": {
"h": 189.474,
"s": 75,
"l": 70.196
},
"oklch": {
"l": 0.83582,
"c": 0.09411,
"h": 211.1
},
"luminance": 0.60337
}Semantic roles & 50–950 ramp
primary
#7ADAEC
secondary
#C55945
accent
#2E0ED7
background
#FDFEFF
surface
#F7FCFE
border
#D0D5D6
text
#101516
muted
#818485