#51FCBC#51FCBC
#51FCBC is a very light, vivid teal. Relative luminance 0.750; OKLCH L 88.8% C 0.166 H 163.8°. Best body text is #000000 at 16.00:1 contrast (WCAG AA passes).
Color values
| HEX | #51FCBC |
|---|---|
| RGB | rgb(81, 252, 188) |
| HSL | hsl(158, 97%, 65%) |
| HSV | hsv(158, 68%, 99%) |
| CMYK | cmyk(67.9%, 0%, 25.4%, 1.2%) |
| CIE-LAB | lab(89.39, -58.11, 18.15) |
| CIE-LCH | lch(89.39, 60.88, 162.66°) |
| OKLab | oklab(88.82% -0.1598 0.0463) |
| OKLCH | oklch(88.82% 0.166 163.8) |
| XYZ | xyz(47.2758, 74.9957, 59.5513) |
| Luminance | 0.7500 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Greenish Cyan
#2AFEB7
ΔE00 1.72
Light Greenish Blue
#63F7B4
ΔE00 1.92
Greenish Turquoise
#00FBB0
ΔE00 2.58
Light Aquamarine
#7BFDC7
ΔE00 3.11
Bright Teal
#01F9C6
ΔE00 3.90
Light Blue Green
#7EFBB3
ΔE00 4.08
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#51FCBC #FC5191
analogous
#51FC66 #51FCBC #51E6FC
triadic
#51FCBC #BC51FC #FCBC51
tetradic
#51FCBC #6651FC #FC5191 #E6FC51
square
#51FCBC #6651FC #FC5191 #E6FC51
split-complementary
#51FCBC #FC51E6 #FC6651
monochromatic
#04CF83 #15FBA5 #51FCBC #8DFDD3 #C9FEEA
Accessibility & contrast
On white
1.31
#51FCBC on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.00
#51FCBC on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #51FCBC
16.00:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##51FCBC | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##51FCBC | 1.00 | 1.31 | 16.00 | 16.00 |
| #FFFFFF | 1.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.00 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.00 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F7EAB8
Deuteranopia (green-blind)
#E1DAC0
Tritanopia (blue-blind)
#00FCEA
Achromatopsia (no color)
#E1E1E1
Design tokens & code
CSS
--color: #51fcbc; /* rgb */ color: rgb(81, 252, 188); /* oklch */ color: oklch(88.8% 0.166 163.8);
Tailwind
colors: {
custom: {
50: '#95fed0',
500: '#51fcbc',
950: '#000000',
},
}SCSS
$custom: #51fcbc; $custom-light: #95fed0; $custom-dark: #000000;
JSON
{
"hex": "#51fcbc",
"rgb": {
"r": 81,
"g": 252,
"b": 188
},
"hsl": {
"h": 157.544,
"s": 96.61,
"l": 65.294
},
"oklch": {
"l": 0.88818,
"c": 0.16634,
"h": 163.8
},
"luminance": 0.75001
}Semantic roles & 50–950 ramp
primary
#51FCBC
secondary
#CA2764
accent
#0056E6
background
#FCFFFE
surface
#F5FFFB
border
#CFD7D4
text
#0F1814
muted
#808683