#91C5FB#91C5FB
#91C5FB is a light, moderate cyan. Relative luminance 0.529; OKLCH L 80.7% C 0.094 H 250.0°. Best body text is #000000 at 11.58:1 contrast (WCAG AA passes).
Color values
| HEX | #91C5FB |
|---|---|
| RGB | rgb(145, 197, 251) |
| HSL | hsl(211, 93%, 78%) |
| HSV | hsv(211, 42%, 98%) |
| CMYK | cmyk(42.2%, 21.5%, 0%, 1.6%) |
| CIE-LAB | lab(77.82, -3.36, -31.91) |
| CIE-LCH | lch(77.82, 32.09, 263.99°) |
| OKLab | oklab(80.71% -0.0323 -0.0886) |
| OKLCH | oklch(80.71% 0.094 250) |
| XYZ | xyz(49.0501, 52.9143, 98.8769) |
| Luminance | 0.5292 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Baby Blue (survey)
#A2CFFE
ΔE00 2.98
Light Blue
#95D0FC
ΔE00 3.87
Carolina Blue
#8AB8FE
ΔE00 3.93
Sky Blue (survey)
#75BBFD
ΔE00 3.95
Sky
#82CAFC
ΔE00 4.21
Lightskyblue
#87CEFA
ΔE00 5.28
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#91C5FB #FBC791
analogous
#91FAFB #91C5FB #9291FB
triadic
#91C5FB #FB91C5 #C5FB91
tetradic
#91C5FB #FB91FA #FBC791 #91FB92
square
#91C5FB #FB91FA #FBC791 #91FB92
split-complementary
#91C5FB #FB9291 #FAFB91
monochromatic
#1B87F7 #56A6F9 #91C5FB #CCE4FD #E1EFFE
Accessibility & contrast
On white
1.81
#91C5FB on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.58
#91C5FB on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #91C5FB
11.58:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##91C5FB | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##91C5FB | 1.00 | 1.81 | 11.58 | 11.58 |
| #FFFFFF | 1.81 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.58 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.58 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B0C6FE
Deuteranopia (green-blind)
#A3BCFA
Tritanopia (blue-blind)
#69D1D7
Achromatopsia (no color)
#C0C0C0
Design tokens & code
CSS
--color: #91c5fb; /* rgb */ color: rgb(145, 197, 251); /* oklch */ color: oklch(80.7% 0.094 250.0);
Tailwind
colors: {
custom: {
50: '#b5d6fc',
500: '#91c5fb',
950: '#000000',
},
}SCSS
$custom: #91c5fb; $custom-light: #b5d6fc; $custom-dark: #000000;
JSON
{
"hex": "#91c5fb",
"rgb": {
"r": 145,
"g": 197,
"b": 251
},
"hsl": {
"h": 210.566,
"s": 92.982,
"l": 77.647
},
"oklch": {
"l": 0.8071,
"c": 0.09433,
"h": 250
},
"luminance": 0.52917
}Semantic roles & 50–950 ramp
primary
#91C5FB
secondary
#DB9955
accent
#7500E6
background
#FDFEFF
surface
#F8FBFF
border
#D1D4D7
text
#111417
muted
#818385