#08A2FE#08A2FE
#08A2FE is a light, vivid cyan. Relative luminance 0.330; OKLCH L 68.9% C 0.173 H 245.4°. Best body text is #000000 at 7.61:1 contrast (WCAG AA passes).
Color values
| HEX | #08A2FE |
|---|---|
| RGB | rgb(8, 162, 254) |
| HSL | hsl(202, 99%, 51%) |
| HSV | hsv(202, 97%, 100%) |
| CMYK | cmyk(96.9%, 36.2%, 0%, 0.4%) |
| CIE-LAB | lab(64.20, -1.86, -55.16) |
| CIE-LCH | lch(64.20, 55.19, 268.07°) |
| OKLab | oklab(68.9% -0.0722 -0.1575) |
| OKLCH | oklch(68.9% 0.173 245.4) |
| XYZ | xyz(30.9028, 33.0439, 98.4960) |
| Luminance | 0.3305 (WCAG relative) |
| Temperature | cool |
| Family | cyan |
Closest named colors
Azure (survey)
#069AF3
ΔE00 2.52
Dodgerblue
#1E90FF
ΔE00 6.73
Dark Sky Blue
#448EE4
ΔE00 7.78
Sky Blue (survey)
#75BBFD
ΔE00 8.40
Cornflowerblue
#6495ED
ΔE00 9.43
Water Blue
#0E87CC
ΔE00 9.53
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#08A2FE #FE6408
analogous
#08FEDF #08A2FE #0827FE
triadic
#08A2FE #FE08A2 #A2FE08
tetradic
#08A2FE #DF08FE #FE6408 #27FE08
square
#08A2FE #DF08FE #FE6408 #27FE08
split-complementary
#08A2FE #FE0827 #FEDF08
monochromatic
#01578B #017EC8 #08A2FE #45B9FE #82D0FE
Accessibility & contrast
On white
2.76
#08A2FE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.61
#08A2FE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #08A2FE
7.61:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##08A2FE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##08A2FE | 1.00 | 2.76 | 7.61 | 7.61 |
| #FFFFFF | 2.76 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.61 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.61 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#75A6FF
Deuteranopia (green-blind)
#5393FC
Tritanopia (blue-blind)
#00B9C4
Achromatopsia (no color)
#9C9C9C
Design tokens & code
CSS
--color: #08a2fe; /* rgb */ color: rgb(8, 162, 254); /* oklch */ color: oklch(68.9% 0.173 245.4);
Tailwind
colors: {
custom: {
50: '#82bdff',
500: '#08a2fe',
950: '#000000',
},
}SCSS
$custom: #08a2fe; $custom-light: #82bdff; $custom-dark: #000000;
JSON
{
"hex": "#08a2fe",
"rgb": {
"r": 8,
"g": 162,
"b": 254
},
"hsl": {
"h": 202.439,
"s": 99.194,
"l": 51.373
},
"oklch": {
"l": 0.68899,
"c": 0.17329,
"h": 245.4
},
"luminance": 0.33048
}Semantic roles & 50–950 ramp
primary
#08A2FE
secondary
#E7A37B
accent
#7929FF
background
#F9FBFF
surface
#F1F6FF
border
#CBD0D7
text
#0D1218
muted
#7E8186