#4EABCF#4EABCF
#4EABCF is a light, moderate cyan. Relative luminance 0.353; OKLCH L 69.9% C 0.102 H 226.5°. Best body text is #000000 at 8.05:1 contrast (WCAG AA passes).
Color values
| HEX | #4EABCF |
|---|---|
| RGB | rgb(78, 171, 207) |
| HSL | hsl(197, 57%, 56%) |
| HSV | hsv(197, 62%, 81%) |
| CMYK | cmyk(62.3%, 17.4%, 0%, 18.8%) |
| CIE-LAB | lab(65.94, -16.73, -26.51) |
| CIE-LCH | lch(65.94, 31.35, 237.75°) |
| OKLab | oklab(69.95% -0.0702 -0.074) |
| OKLCH | oklch(69.95% 0.102 226.5) |
| XYZ | xyz(28.9628, 35.2476, 64.2965) |
| Luminance | 0.3525 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Greyblue
#77A1B5
ΔE00 6.95
Deepskyblue
#00BFFF
ΔE00 7.76
Turquoise Blue
#06B1C4
ΔE00 8.37
Bright Sky Blue
#02CCFE
ΔE00 9.21
Lightblue (survey)
#7BC8F6
ΔE00 9.43
Bluegrey
#85A3B2
ΔE00 9.46
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#4EABCF #CF724E
analogous
#4ECFB2 #4EABCF #4E6ACF
triadic
#4EABCF #CF4EAB #ABCF4E
tetradic
#4EABCF #B24ECF #CF724E #6ACF4E
square
#4EABCF #B24ECF #CF724E #6ACF4E
split-complementary
#4EABCF #CF4E6A #CFB24E
monochromatic
#236680 #308CB0 #4EABCF #7EC2DC #AED9E9
Accessibility & contrast
On white
2.61
#4EABCF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
8.05
#4EABCF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #4EABCF
8.05:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##4EABCF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##4EABCF | 1.00 | 2.61 | 8.05 | 8.05 |
| #FFFFFF | 2.61 | 1.00 | 21.00 | 21.00 |
| #000000 | 8.05 | 21.00 | 1.00 | 1.00 |
| ##000000 | 8.05 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#98A8D1
Deuteranopia (green-blind)
#859ACF
Tritanopia (blue-blind)
#00B6B7
Achromatopsia (no color)
#A0A0A0
Design tokens & code
CSS
--color: #4eabcf; /* rgb */ color: rgb(78, 171, 207); /* oklch */ color: oklch(69.9% 0.102 226.5);
Tailwind
colors: {
custom: {
50: '#8cc4dd',
500: '#4eabcf',
950: '#000000',
},
}SCSS
$custom: #4eabcf; $custom-light: #8cc4dd; $custom-dark: #000000;
JSON
{
"hex": "#4eabcf",
"rgb": {
"r": 78,
"g": 171,
"b": 207
},
"hsl": {
"h": 196.744,
"s": 57.333,
"l": 55.882
},
"oklch": {
"l": 0.69949,
"c": 0.10197,
"h": 226.5
},
"luminance": 0.35251
}Semantic roles & 50–950 ramp
primary
#4EABCF
secondary
#D7B1A2
accent
#7247E1
background
#F9FCFD
surface
#F1F8FB
border
#CBD1D4
text
#0D1215
muted
#7E8183