#B0F8FA#B0F8FA
#B0F8FA is a very light, moderate teal. Relative luminance 0.833; OKLCH L 93.3% C 0.071 H 198.2°. Best body text is #000000 at 17.65:1 contrast (WCAG AA passes).
Color values
| HEX | #B0F8FA |
|---|---|
| RGB | rgb(176, 248, 250) |
| HSL | hsl(182, 88%, 84%) |
| HSV | hsv(182, 30%, 98%) |
| CMYK | cmyk(29.6%, 0.8%, 0%, 2%) |
| CIE-LAB | lab(93.13, -21.62, -8.10) |
| CIE-LCH | lch(93.13, 23.09, 200.53°) |
| OKLab | oklab(93.26% -0.0675 -0.0222) |
| OKLCH | oklch(93.26% 0.071 198.2) |
| XYZ | xyz(68.7214, 83.2633, 102.8743) |
| Luminance | 0.8327 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Paleturquoise
#AFEEEE
ΔE00 2.39
Light Cyan
#ACFFFC
ΔE00 2.81
Pale Cyan
#B7FFFA
ΔE00 2.98
Light Sky Blue
#C6FCFF
ΔE00 3.57
Robin'S Egg Blue
#98EFF9
ΔE00 3.86
Pale Sky Blue
#BDF6FE
ΔE00 3.95
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#B0F8FA #FAB2B0
analogous
#B0FAD7 #B0F8FA #B0D3FA
triadic
#B0F8FA #FAB0F8 #F8FAB0
tetradic
#B0F8FA #D7B0FA #FAB2B0 #D3FAB0
square
#B0F8FA #D7B0FA #FAB2B0 #D3FAB0
split-complementary
#B0F8FA #FAB0D3 #FAD7B0
monochromatic
#3DEEF3 #76F3F6 #B0F8FA #E2FCFD #E2FCFD
Accessibility & contrast
On white
1.19
#B0F8FA on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
17.65
#B0F8FA on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #B0F8FA
17.65:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##B0F8FA | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##B0F8FA | 1.00 | 1.19 | 17.65 | 17.65 |
| #FFFFFF | 1.19 | 1.00 | 21.00 | 21.00 |
| #000000 | 17.65 | 21.00 | 1.00 | 1.00 |
| ##000000 | 17.65 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EEF1FA
Deuteranopia (green-blind)
#E1E7FB
Tritanopia (blue-blind)
#95FDF8
Achromatopsia (no color)
#EBEBEB
Design tokens & code
CSS
--color: #b0f8fa; /* rgb */ color: rgb(176, 248, 250); /* oklch */ color: oklch(93.3% 0.071 198.2);
Tailwind
colors: {
custom: {
50: '#cafafb',
500: '#b0f8fa',
950: '#000000',
},
}SCSS
$custom: #b0f8fa; $custom-light: #cafafb; $custom-dark: #000000;
JSON
{
"hex": "#b0f8fa",
"rgb": {
"r": 176,
"g": 248,
"b": 250
},
"hsl": {
"h": 181.622,
"s": 88.095,
"l": 83.529
},
"oklch": {
"l": 0.93261,
"c": 0.07105,
"h": 198.2
},
"luminance": 0.83267
}Semantic roles & 50–950 ramp
primary
#B0F8FA
secondary
#DD7471
accent
#0701E5
background
#FEFFFF
surface
#FAFFFF
border
#D3D7D7
text
#131717
muted
#838585