#1EB28D#1EB28D
#1EB28D is a light, vivid teal. Relative luminance 0.340; OKLCH L 68.2% C 0.129 H 170.2°. Best body text is #000000 at 7.81:1 contrast (WCAG AA passes).
Color values
| HEX | #1EB28D |
|---|---|
| RGB | rgb(30, 178, 141) |
| HSL | hsl(165, 71%, 41%) |
| HSV | hsv(165, 83%, 70%) |
| CMYK | cmyk(83.1%, 0%, 20.8%, 30.2%) |
| CIE-LAB | lab(64.99, -45.59, 8.58) |
| CIE-LCH | lch(64.99, 46.39, 169.35°) |
| OKLab | oklab(68.21% -0.127 0.0219) |
| OKLCH | oklch(68.21% 0.129 170.2) |
| XYZ | xyz(21.2609, 34.0372, 30.6434) |
| Luminance | 0.3404 (WCAG relative) |
| Temperature | cool |
| Family | teal |
Closest named colors
Greeny Blue
#42B395
ΔE00 2.66
Green Blue
#01C08D
ΔE00 4.76
Bluey Green
#2BB179
ΔE00 5.10
Jade
#1FA774
ΔE00 5.38
Bluish Green
#10A674
ΔE00 5.39
Dark Seafoam
#1FB57A
ΔE00 5.46
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#1EB28D #B21E43
analogous
#1EB243 #1EB28D #1E8DB2
triadic
#1EB28D #8D1EB2 #B28D1E
tetradic
#1EB28D #431EB2 #B21E43 #8DB21E
square
#1EB28D #431EB2 #B21E43 #8DB21E
split-complementary
#1EB28D #B21E8D #B2431E
monochromatic
#0C493A #157E64 #1EB28D #31DCB1 #65E5C5
Accessibility & contrast
On white
2.69
#1EB28D on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
7.81
#1EB28D on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #1EB28D
7.81:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##1EB28D | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##1EB28D | 1.00 | 2.69 | 7.81 | 7.81 |
| #FFFFFF | 2.69 | 1.00 | 21.00 | 21.00 |
| #000000 | 7.81 | 21.00 | 1.00 | 1.00 |
| ##000000 | 7.81 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#ADA58B
Deuteranopia (green-blind)
#9B9890
Tritanopia (blue-blind)
#00B3A7
Achromatopsia (no color)
#9E9E9E
Design tokens & code
CSS
--color: #1eb28d; /* rgb */ color: rgb(30, 178, 141); /* oklch */ color: oklch(68.2% 0.129 170.2);
Tailwind
colors: {
custom: {
50: '#76caae',
500: '#1eb28d',
950: '#000000',
},
}SCSS
$custom: #1eb28d; $custom-light: #76caae; $custom-dark: #000000;
JSON
{
"hex": "#1eb28d",
"rgb": {
"r": 30,
"g": 178,
"b": 141
},
"hsl": {
"h": 165,
"s": 71.154,
"l": 40.784
},
"oklch": {
"l": 0.68209,
"c": 0.12889,
"h": 170.2
},
"luminance": 0.3404
}Semantic roles & 50–950 ramp
primary
#1EB28D
secondary
#CA627C
accent
#3A67EE
background
#F7FCFA
surface
#EEF8F4
border
#C9D1CE
text
#0A1310
muted
#7C827F