#60F8BE#60F8BE
#60F8BE is a very light, vivid teal. Relative luminance 0.733; OKLCH L 88.3% C 0.154 H 164.5°. Best body text is #000000 at 15.67:1 contrast (WCAG AA passes).
Color values
| HEX | #60F8BE |
|---|---|
| RGB | rgb(96, 248, 190) |
| HSL | hsl(157, 92%, 67%) |
| HSV | hsv(157, 61%, 97%) |
| CMYK | cmyk(61.3%, 0%, 23.4%, 2.7%) |
| CIE-LAB | lab(88.61, -53.60, 16.07) |
| CIE-LCH | lch(88.61, 55.96, 163.31°) |
| OKLab | oklab(88.29% -0.1481 0.0411) |
| OKLCH | oklch(88.29% 0.154 164.5) |
| XYZ | xyz(47.6807, 73.3344, 60.3474) |
| Luminance | 0.7334 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Light Greenish Blue
#63F7B4
ΔE00 2.06
Light Aquamarine
#7BFDC7
ΔE00 2.22
Greenish Cyan
#2AFEB7
ΔE00 3.13
Bright Teal
#01F9C6
ΔE00 3.75
Greenish Turquoise
#00FBB0
ΔE00 3.84
Aquamarine
#7FFFD4
ΔE00 4.17
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#60F8BE #F8609A
analogous
#60F872 #60F8BE #60E6F8
triadic
#60F8BE #BE60F8 #F8BE60
tetradic
#60F8BE #7260F8 #F8609A #E6F860
square
#60F8BE #7260F8 #F8609A #E6F860
split-complementary
#60F8BE #F860E6 #F87260
monochromatic
#09D487 #25F5A6 #60F8BE #9BFBD6 #D5FDEE
Accessibility & contrast
On white
1.34
#60F8BE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
15.67
#60F8BE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #60F8BE
15.67:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##60F8BE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##60F8BE | 1.00 | 1.34 | 15.67 | 15.67 |
| #FFFFFF | 1.34 | 1.00 | 21.00 | 21.00 |
| #000000 | 15.67 | 21.00 | 1.00 | 1.00 |
| ##000000 | 15.67 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F3E7BB
Deuteranopia (green-blind)
#DED8C2
Tritanopia (blue-blind)
#00F8E8
Achromatopsia (no color)
#DEDEDE
Design tokens & code
CSS
--color: #60f8be; /* rgb */ color: rgb(96, 248, 190); /* oklch */ color: oklch(88.3% 0.154 164.5);
Tailwind
colors: {
custom: {
50: '#9bfbd1',
500: '#60f8be',
950: '#000000',
},
}SCSS
$custom: #60f8be; $custom-light: #9bfbd1; $custom-dark: #000000;
JSON
{
"hex": "#60f8be",
"rgb": {
"r": 96,
"g": 248,
"b": 190
},
"hsl": {
"h": 157.105,
"s": 91.566,
"l": 67.451
},
"oklch": {
"l": 0.88288,
"c": 0.15366,
"h": 164.5
},
"luminance": 0.73339
}Semantic roles & 50–950 ramp
primary
#60F8BE
secondary
#CF2D6B
accent
#0058E6
background
#FCFFFE
surface
#F6FFFB
border
#D0D7D4
text
#0F1714
muted
#808583