#91EBFF#91EBFF
#91EBFF is a very light, moderate cyan. Relative luminance 0.727; OKLCH L 89.0% C 0.090 H 213.4°. Best body text is #000000 at 15.53:1 contrast (WCAG AA passes).
Color values
| HEX | #91EBFF |
|---|---|
| RGB | rgb(145, 235, 255) |
| HSL | hsl(191, 100%, 78%) |
| HSV | hsv(191, 43%, 100%) |
| CMYK | cmyk(43.1%, 7.8%, 0%, 0%) |
| CIE-LAB | lab(88.28, -21.94, -18.10) |
| CIE-LCH | lch(88.28, 28.44, 219.52°) |
| OKLab | oklab(89.05% -0.0754 -0.0498) |
| OKLCH | oklch(89.05% 0.09 213.4) |
| XYZ | xyz(59.4287, 72.6520, 105.4800) |
| Luminance | 0.7266 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Robin Egg Blue
#8AF1FE
ΔE00 3.39
Robin'S Egg Blue
#98EFF9
ΔE00 3.50
Robin'S Egg
#6DEDFD
ΔE00 4.42
Pale Sky Blue
#BDF6FE
ΔE00 6.14
Ice Blue
#A5DFF9
ΔE00 6.24
Powder Blue
#B0E0E6
ΔE00 6.89
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#91EBFF #FFA591
analogous
#91FFDC #91EBFF #91B4FF
triadic
#91EBFF #FF91EB #EBFF91
tetradic
#91EBFF #DC91FF #FFA591 #B4FF91
square
#91EBFF #DC91FF #FFA591 #B4FF91
split-complementary
#91EBFF #FF91B4 #FFDC91
monochromatic
#17D5FF #54E0FF #91EBFF #CEF6FF #E0F9FF
Accessibility & contrast
On white
1.35
#91EBFF on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.53
#91EBFF on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #91EBFF
15.53:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##91EBFF | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##91EBFF | 1.00 | 1.35 | 15.53 | 15.53 |
| #FFFFFF | 1.35 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.53 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.53 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#DCE5FF
Deuteranopia (green-blind)
#CAD8FF
Tritanopia (blue-blind)
#5EF3F1
Achromatopsia (no color)
#DDDDDD
Design tokens & code
CSS
--color: #91ebff; /* rgb */ color: rgb(145, 235, 255); /* oklch */ color: oklch(89.0% 0.090 213.4);
Tailwind
colors: {
custom: {
50: '#b6f1ff',
500: '#91ebff',
950: '#000000',
},
}SCSS
$custom: #91ebff; $custom-light: #b6f1ff; $custom-dark: #000000;
JSON
{
"hex": "#91ebff",
"rgb": {
"r": 145,
"g": 235,
"b": 255
},
"hsl": {
"h": 190.909,
"s": 100,
"l": 78.431
},
"oklch": {
"l": 0.89046,
"c": 0.09039,
"h": 213.4
},
"luminance": 0.72656
}Semantic roles & 50–950 ramp
primary
#91EBFF
secondary
#E16D53
accent
#2A00E6
background
#FDFFFF
surface
#F8FEFF
border
#D1D6D7
text
#121618
muted
#828586