#45CBFC#45CBFC
#45CBFC is a light, vivid cyan. Relative luminance 0.510; OKLCH L 79.0% C 0.132 H 226.9°. Best body text is #000000 at 11.20:1 contrast (WCAG AA passes).
Color values
| HEX | #45CBFC |
|---|---|
| RGB | rgb(69, 203, 252) |
| HSL | hsl(196, 97%, 63%) |
| HSV | hsv(196, 73%, 99%) |
| CMYK | cmyk(72.6%, 19.4%, 0%, 1.2%) |
| CIE-LAB | lab(76.68, -20.54, -34.45) |
| CIE-LCH | lch(76.68, 40.11, 239.19°) |
| OKLab | oklab(79.03% -0.0904 -0.0966) |
| OKLCH | oklch(79.03% 0.132 226.9) |
| XYZ | xyz(41.3737, 51.0005, 99.7401) |
| Luminance | 0.5101 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Bright Sky Blue
#02CCFE
ΔE00 1.92
Deepskyblue
#00BFFF
ΔE00 4.54
Lightblue (survey)
#7BC8F6
ΔE00 5.09
Baby Blue
#89CFF0
ΔE00 5.77
Neon Blue
#04D9FF
ΔE00 5.89
Sky Blue
#87CEEB
ΔE00 6.00
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#45CBFC #FC7645
analogous
#45FCD2 #45CBFC #456FFC
triadic
#45CBFC #FC45CB #CBFC45
tetradic
#45CBFC #D245FC #FC7645 #6FFC45
square
#45CBFC #D245FC #FC7645 #6FFC45
split-complementary
#45CBFC #FC456F #FCD245
monochromatic
#0390C3 #09BAFB #45CBFC #81DCFD #BDEDFE
Accessibility & contrast
On white
1.87
#45CBFC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.20
#45CBFC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #45CBFC
11.20:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##45CBFC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##45CBFC | 1.00 | 1.87 | 11.20 | 11.20 |
| #FFFFFF | 1.87 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.20 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.20 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#B1C7FE
Deuteranopia (green-blind)
#98B5FB
Tritanopia (blue-blind)
#00D9DB
Achromatopsia (no color)
#BDBDBD
Design tokens & code
CSS
--color: #45cbfc; /* rgb */ color: rgb(69, 203, 252); /* oklch */ color: oklch(79.0% 0.132 226.9);
Tailwind
colors: {
custom: {
50: '#90dbfd',
500: '#45cbfc',
950: '#000000',
},
}SCSS
$custom: #45cbfc; $custom-light: #90dbfd; $custom-dark: #000000;
JSON
{
"hex": "#45cbfc",
"rgb": {
"r": 69,
"g": 203,
"b": 252
},
"hsl": {
"h": 196.066,
"s": 96.825,
"l": 62.941
},
"oklch": {
"l": 0.79033,
"c": 0.13227,
"h": 226.9
},
"luminance": 0.51005
}Semantic roles & 50–950 ramp
primary
#45CBFC
secondary
#C04F25
accent
#3D00E6
background
#FCFEFF
surface
#F5FBFF
border
#CFD4D7
text
#0E1517
muted
#7F8485