#7CDBEB#7CDBEB
#7CDBEB is a very light, moderate teal. Relative luminance 0.609; OKLCH L 83.9% C 0.093 H 209.5°. Best body text is #000000 at 13.19:1 contrast (WCAG AA passes).
Color values
| HEX | #7CDBEB |
|---|---|
| RGB | rgb(124, 219, 235) |
| HSL | hsl(189, 74%, 70%) |
| HSV | hsv(189, 47%, 92%) |
| CMYK | cmyk(47.2%, 6.8%, 0%, 7.8%) |
| CIE-LAB | lab(82.35, -24.00, -16.58) |
| CIE-LCH | lch(82.35, 29.17, 214.64°) |
| OKLab | oklab(83.86% -0.0807 -0.0457) |
| OKLCH | oklch(83.86% 0.093 209.5) |
| XYZ | xyz(48.6333, 60.9423, 87.7814) |
| Luminance | 0.6095 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Robin'S Egg
#6DEDFD
ΔE00 4.59
Robin Egg Blue
#8AF1FE
ΔE00 5.02
Robin'S Egg Blue
#98EFF9
ΔE00 5.09
Aqua Blue
#02D8E9
ΔE00 6.02
Neon Blue
#04D9FF
ΔE00 6.71
Sky Blue
#87CEEB
ΔE00 6.87
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7CDBEB #EB8C7C
analogous
#7CEBC4 #7CDBEB #7CA3EB
triadic
#7CDBEB #EB7CDB #DBEB7C
tetradic
#7CDBEB #C47CEB #EB8C7C #A3EB7C
square
#7CDBEB #C47CEB #EB8C7C #A3EB7C
split-complementary
#7CDBEB #EB7CA3 #EBC47C
monochromatic
#1FB4CD #47CCE3 #7CDBEB #B1EAF3 #E4F8FB
Accessibility & contrast
On white
1.59
#7CDBEB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.19
#7CDBEB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7CDBEB
13.19:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7CDBEB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7CDBEB | 1.00 | 1.59 | 13.19 | 13.19 |
| #FFFFFF | 1.59 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.19 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.19 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CCD5EC
Deuteranopia (green-blind)
#BBC7EB
Tritanopia (blue-blind)
#3FE3E0
Achromatopsia (no color)
#CDCDCD
Design tokens & code
CSS
--color: #7cdbeb; /* rgb */ color: rgb(124, 219, 235); /* oklch */ color: oklch(83.9% 0.093 209.5);
Tailwind
colors: {
custom: {
50: '#a9e6f1',
500: '#7cdbeb',
950: '#000000',
},
}SCSS
$custom: #7cdbeb; $custom-light: #a9e6f1; $custom-dark: #000000;
JSON
{
"hex": "#7cdbeb",
"rgb": {
"r": 124,
"g": 219,
"b": 235
},
"hsl": {
"h": 188.649,
"s": 73.51,
"l": 70.392
},
"oklch": {
"l": 0.83857,
"c": 0.09272,
"h": 209.5
},
"luminance": 0.60946
}Semantic roles & 50–950 ramp
primary
#7CDBEB
secondary
#C45947
accent
#2C10D6
background
#FDFEFF
surface
#F7FCFE
border
#D0D5D6
text
#101616
muted
#818485