#45E693#45E693
#45E693 is a very light, vivid green. Relative luminance 0.600; OKLCH L 82.3% C 0.177 H 156.0°. Best body text is #000000 at 12.99:1 contrast (WCAG AA passes).
Color values
| HEX | #45E693 |
|---|---|
| RGB | rgb(69, 230, 147) |
| HSL | hsl(149, 76%, 59%) |
| HSV | hsv(149, 70%, 90%) |
| CMYK | cmyk(70%, 0%, 36.1%, 9.8%) |
| CIE-LAB | lab(81.82, -59.81, 28.74) |
| CIE-LCH | lch(81.82, 66.36, 154.34°) |
| OKLab | oklab(82.27% -0.1618 0.0721) |
| OKLCH | oklch(82.27% 0.177 156) |
| XYZ | xyz(36.0141, 59.9613, 37.2738) |
| Luminance | 0.5997 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Aqua Green
#12E193
ΔE00 2.31
Weird Green
#3AE57F
ΔE00 3.13
Turquoise Green
#04F489
ΔE00 4.31
Mediumspringgreen
#00FA9A
ΔE00 4.56
Tealish Green
#0CDC73
ΔE00 4.62
Sea Green (survey)
#53FCA1
ΔE00 4.78
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#45E693 #E64598
analogous
#47E645 #45E693 #45E6E3
triadic
#45E693 #9345E6 #E69345
tetradic
#45E693 #4547E6 #E64598 #E6E345
square
#45E693 #4547E6 #E64598 #E6E345
split-complementary
#45E693 #E345E6 #E64547
monochromatic
#159C56 #1CD274 #45E693 #7BEDB2 #B1F5D2
Accessibility & contrast
On white
1.62
#45E693 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
12.99
#45E693 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #45E693
12.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##45E693 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##45E693 | 1.00 | 1.62 | 12.99 | 12.99 |
| #FFFFFF | 1.62 | 1.00 | 21.00 | 21.00 |
| #000000 | 12.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 12.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E5D48E
Deuteranopia (green-blind)
#D1C698
Tritanopia (blue-blind)
#00E4D1
Achromatopsia (no color)
#CBCBCB
Design tokens & code
CSS
--color: #45e693; /* rgb */ color: rgb(69, 230, 147); /* oklch */ color: oklch(82.3% 0.177 156.0);
Tailwind
colors: {
custom: {
50: '#8cefb3',
500: '#45e693',
950: '#000000',
},
}SCSS
$custom: #45e693; $custom-light: #8cefb3; $custom-dark: #000000;
JSON
{
"hex": "#45e693",
"rgb": {
"r": 69,
"g": 230,
"b": 147
},
"hsl": {
"h": 149.068,
"s": 76.303,
"l": 58.627
},
"oklch": {
"l": 0.82271,
"c": 0.17713,
"h": 156
},
"luminance": 0.59965
}Semantic roles & 50–950 ramp
primary
#45E693
secondary
#9F3069
accent
#3597F3
background
#FCFFFD
surface
#F5FEF8
border
#CFD6D1
text
#0E1711
muted
#7F8581