#60E1F8#60E1F8
#60E1F8 is a very light, moderate teal. Relative luminance 0.631; OKLCH L 84.7% C 0.117 H 211.2°. Best body text is #000000 at 13.62:1 contrast (WCAG AA passes).
Color values
| HEX | #60E1F8 |
|---|---|
| RGB | rgb(96, 225, 248) |
| HSL | hsl(189, 92%, 67%) |
| HSV | hsv(189, 61%, 97%) |
| CMYK | cmyk(61.3%, 9.3%, 0%, 2.7%) |
| CIE-LAB | lab(83.50, -28.82, -21.82) |
| CIE-LCH | lch(83.50, 36.15, 217.12°) |
| OKLab | oklab(84.65% -0.0999 -0.0605) |
| OKLCH | oklch(84.65% 0.117 211.2) |
| XYZ | xyz(48.6854, 63.1094, 98.4043) |
| Luminance | 0.6311 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Robin'S Egg
#6DEDFD
ΔE00 3.48
Neon Blue
#04D9FF
ΔE00 4.58
Aqua Blue
#02D8E9
ΔE00 4.96
Robin Egg Blue
#8AF1FE
ΔE00 5.07
Robin'S Egg Blue
#98EFF9
ΔE00 6.07
Sky Blue
#87CEEB
ΔE00 7.88
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#60E1F8 #F87760
analogous
#60F8C3 #60E1F8 #6095F8
triadic
#60E1F8 #F860E1 #E1F860
tetradic
#60E1F8 #C360F8 #F87760 #95F860
square
#60E1F8 #C360F8 #F87760 #95F860
split-complementary
#60E1F8 #F86095 #F8C360
monochromatic
#09B6D4 #25D6F5 #60E1F8 #9BECFB #D5F7FD
Accessibility & contrast
On white
1.54
#60E1F8 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
13.62
#60E1F8 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #60E1F8
13.62:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##60E1F8 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##60E1F8 | 1.00 | 1.54 | 13.62 | 13.62 |
| #FFFFFF | 1.54 | 1.00 | 21.00 | 21.00 |
| #000000 | 13.62 | 21.00 | 1.00 | 1.00 |
| ##000000 | 13.62 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#CEDAF9
Deuteranopia (green-blind)
#B8C9F8
Tritanopia (blue-blind)
#00EBE8
Achromatopsia (no color)
#D0D0D0
Design tokens & code
CSS
--color: #60e1f8; /* rgb */ color: rgb(96, 225, 248); /* oklch */ color: oklch(84.7% 0.117 211.2);
Tailwind
colors: {
custom: {
50: '#9ceafa',
500: '#60e1f8',
950: '#000000',
},
}SCSS
$custom: #60e1f8; $custom-light: #9ceafa; $custom-dark: #000000;
JSON
{
"hex": "#60e1f8",
"rgb": {
"r": 96,
"g": 225,
"b": 248
},
"hsl": {
"h": 189.079,
"s": 91.566,
"l": 67.451
},
"oklch": {
"l": 0.84652,
"c": 0.11678,
"h": 211.2
},
"luminance": 0.63115
}Semantic roles & 50–950 ramp
primary
#60E1F8
secondary
#CF462D
accent
#2300E6
background
#FCFEFF
surface
#F6FDFF
border
#D0D5D7
text
#0F1617
muted
#808485