#98F6E8#98F6E8
#98F6E8 is a very light, moderate teal. Relative luminance 0.784; OKLCH L 91.1% C 0.092 H 183.8°. Best body text is #000000 at 16.68:1 contrast (WCAG AA passes).
Color values
| HEX | #98F6E8 |
|---|---|
| RGB | rgb(152, 246, 232) |
| HSL | hsl(171, 84%, 78%) |
| HSV | hsv(171, 38%, 96%) |
| CMYK | cmyk(38.2%, 0%, 5.7%, 3.5%) |
| CIE-LAB | lab(90.97, -31.04, -2.07) |
| CIE-LCH | lch(90.97, 31.11, 183.81°) |
| OKLab | oklab(91.06% -0.0918 -0.006) |
| OKLCH | oklch(91.06% 0.092 183.8) |
| XYZ | xyz(60.4647, 78.4090, 88.2766) |
| Luminance | 0.7841 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Tiffany Blue
#7BF2DA
ΔE00 4.26
Pale Aqua
#B8FFEB
ΔE00 4.63
Light Cyan
#ACFFFC
ΔE00 4.88
Pale Cyan
#B7FFFA
ΔE00 5.15
Eggshell Blue
#C4FFF7
ΔE00 6.24
Duck Egg Blue
#C3FBF4
ΔE00 6.51
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#98F6E8 #F698A6
analogous
#98F6B9 #98F6E8 #98D5F6
triadic
#98F6E8 #E898F6 #F6E898
tetradic
#98F6E8 #B998F6 #F698A6 #D5F698
square
#98F6E8 #B998F6 #F698A6 #D5F698
split-complementary
#98F6E8 #F698D5 #F6B998
monochromatic
#27ECCF #60F1DB #98F6E8 #D0FBF5 #E3FDF9
Accessibility & contrast
On white
1.26
#98F6E8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.68
#98F6E8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #98F6E8
16.68:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##98F6E8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##98F6E8 | 1.00 | 1.26 | 16.68 | 16.68 |
| #FFFFFF | 1.26 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.68 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.68 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#EEECE8
Deuteranopia (green-blind)
#DDE0E9
Tritanopia (blue-blind)
#75FAF2
Achromatopsia (no color)
#E5E5E5
Design tokens & code
CSS
--color: #98f6e8; /* rgb */ color: rgb(152, 246, 232); /* oklch */ color: oklch(91.1% 0.092 183.8);
Tailwind
colors: {
custom: {
50: '#baf9ef',
500: '#98f6e8',
950: '#000000',
},
}SCSS
$custom: #98f6e8; $custom-light: #baf9ef; $custom-dark: #000000;
JSON
{
"hex": "#98f6e8",
"rgb": {
"r": 152,
"g": 246,
"b": 232
},
"hsl": {
"h": 171.064,
"s": 83.929,
"l": 78.039
},
"oklch": {
"l": 0.91064,
"c": 0.09202,
"h": 183.8
},
"luminance": 0.78413
}Semantic roles & 50–950 ramp
primary
#98F6E8
secondary
#D55D6F
accent
#0526E0
background
#FDFFFF
surface
#F8FFFE
border
#D1D7D6
text
#121716
muted
#828585