#50EDB4#50EDB4
#50EDB4 is a very light, vivid teal. Relative luminance 0.656; OKLCH L 85.0% C 0.154 H 164.8°. Best body text is #000000 at 14.11:1 contrast (WCAG AA passes).
Color values
| HEX | #50EDB4 |
|---|---|
| RGB | rgb(80, 237, 180) |
| HSL | hsl(158, 81%, 62%) |
| HSV | hsv(158, 66%, 93%) |
| CMYK | cmyk(66.2%, 0%, 24.1%, 7.1%) |
| CIE-LAB | lab(84.77, -54.06, 15.81) |
| CIE-LCH | lch(84.77, 56.32, 163.70°) |
| OKLab | oklab(84.97% -0.1491 0.0404) |
| OKLCH | oklch(84.97% 0.154 164.8) |
| XYZ | xyz(41.8262, 65.5645, 53.6221) |
| Luminance | 0.6557 (WCAG relative) |
| Temperature | neutral |
| Family | teal |
Closest named colors
Light Greenish Blue
#63F7B4
ΔE00 3.12
Aqua Marine
#2EE8BB
ΔE00 3.52
Bright Teal
#01F9C6
ΔE00 4.05
Greenish Cyan
#2AFEB7
ΔE00 4.21
Greenish Turquoise
#00FBB0
ΔE00 4.33
Light Aquamarine
#7BFDC7
ΔE00 4.37
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#50EDB4 #ED5089
analogous
#50ED66 #50EDB4 #50D7ED
triadic
#50EDB4 #B450ED #EDB450
tetradic
#50EDB4 #6650ED #ED5089 #D7ED50
square
#50EDB4 #6650ED #ED5089 #D7ED50
split-complementary
#50EDB4 #ED50D7 #ED6650
monochromatic
#12B077 #19E79C #50EDB4 #87F3CC #BFF8E4
Accessibility & contrast
On white
1.49
#50EDB4 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.11
#50EDB4 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #50EDB4
14.11:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##50EDB4 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##50EDB4 | 1.00 | 1.49 | 14.11 | 14.11 |
| #FFFFFF | 1.49 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.11 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.11 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E8DDB1
Deuteranopia (green-blind)
#D3CDB8
Tritanopia (blue-blind)
#00EDDD
Achromatopsia (no color)
#D4D4D4
Design tokens & code
CSS
--color: #50edb4; /* rgb */ color: rgb(80, 237, 180); /* oklch */ color: oklch(85.0% 0.154 164.8);
Tailwind
colors: {
custom: {
50: '#92f4ca',
500: '#50edb4',
950: '#000000',
},
}SCSS
$custom: #50edb4; $custom-light: #92f4ca; $custom-dark: #000000;
JSON
{
"hex": "#50edb4",
"rgb": {
"r": 80,
"g": 237,
"b": 180
},
"hsl": {
"h": 158.217,
"s": 81.347,
"l": 62.157
},
"oklch": {
"l": 0.84973,
"c": 0.15448,
"h": 164.8
},
"luminance": 0.65569
}Semantic roles & 50–950 ramp
primary
#50EDB4
secondary
#B1305F
accent
#0855DE
background
#FCFFFD
surface
#F5FEF9
border
#CFD6D2
text
#0E1713
muted
#7F8582