#51FCBE#51FCBE
#51FCBE is a very light, vivid teal. Relative luminance 0.751; OKLCH L 88.9% C 0.165 H 164.6°. Best body text is #000000 at 16.02:1 contrast (WCAG AA passes).
Color values
| HEX | #51FCBE |
|---|---|
| RGB | rgb(81, 252, 190) |
| HSL | hsl(158, 97%, 65%) |
| HSV | hsv(158, 68%, 99%) |
| CMYK | cmyk(67.9%, 0%, 24.6%, 1.2%) |
| CIE-LAB | lab(89.43, -57.68, 17.18) |
| CIE-LCH | lch(89.43, 60.19, 163.41°) |
| OKLab | oklab(88.86% -0.1589 0.0439) |
| OKLCH | oklch(88.86% 0.165 164.6) |
| XYZ | xyz(47.4929, 75.0825, 60.6946) |
| Luminance | 0.7509 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Greenish Cyan
#2AFEB7
ΔE00 1.97
Light Greenish Blue
#63F7B4
ΔE00 2.20
Greenish Turquoise
#00FBB0
ΔE00 2.87
Light Aquamarine
#7BFDC7
ΔE00 2.95
Bright Teal
#01F9C6
ΔE00 3.54
Light Blue Green
#7EFBB3
ΔE00 4.37
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#51FCBE #FC518F
analogous
#51FC69 #51FCBE #51E4FC
triadic
#51FCBE #BE51FC #FCBE51
tetradic
#51FCBE #6951FC #FC518F #E4FC51
square
#51FCBE #6951FC #FC518F #E4FC51
split-complementary
#51FCBE #FC51E4 #FC6951
monochromatic
#04CF85 #15FBA8 #51FCBE #8DFDD4 #C9FEEB
Accessibility & contrast
On white
1.31
#51FCBE on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
16.02
#51FCBE on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #51FCBE
16.02:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##51FCBE | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##51FCBE | 1.00 | 1.31 | 16.02 | 16.02 |
| #FFFFFF | 1.31 | 1.00 | 21.00 | 21.00 |
| #000000 | 16.02 | 21.00 | 1.00 | 1.00 |
| ##000000 | 16.02 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#F7EABB
Deuteranopia (green-blind)
#E1DAC2
Tritanopia (blue-blind)
#00FCEB
Achromatopsia (no color)
#E1E1E1
Design tokens & code
CSS
--color: #51fcbe; /* rgb */ color: rgb(81, 252, 190); /* oklch */ color: oklch(88.9% 0.165 164.6);
Tailwind
colors: {
custom: {
50: '#95fed1',
500: '#51fcbe',
950: '#000000',
},
}SCSS
$custom: #51fcbe; $custom-light: #95fed1; $custom-dark: #000000;
JSON
{
"hex": "#51fcbe",
"rgb": {
"r": 81,
"g": 252,
"b": 190
},
"hsl": {
"h": 158.246,
"s": 96.61,
"l": 65.294
},
"oklch": {
"l": 0.88864,
"c": 0.16481,
"h": 164.6
},
"luminance": 0.75088
}Semantic roles & 50–950 ramp
primary
#51FCBE
secondary
#CA2762
accent
#0053E6
background
#FCFFFE
surface
#F5FFFB
border
#CFD7D4
text
#0F1814
muted
#808683