#45DF64#45DF64
#45DF64 is a light, highly saturated green. Relative luminance 0.550; OKLCH L 79.7% C 0.209 H 146.7°. Best body text is #000000 at 11.99:1 contrast (WCAG AA passes).
Color values
| HEX | #45DF64 |
|---|---|
| RGB | rgb(69, 223, 100) |
| HSL | hsl(132, 71%, 57%) |
| HSV | hsv(132, 69%, 87%) |
| CMYK | cmyk(69.1%, 0%, 55.2%, 12.5%) |
| CIE-LAB | lab(79.02, -64.86, 48.23) |
| CIE-LCH | lch(79.02, 80.83, 143.37°) |
| OKLab | oklab(79.74% -0.1749 0.1151) |
| OKLCH | oklch(79.74% 0.209 146.7) |
| XYZ | xyz(31.1399, 54.9572, 21.0208) |
| Luminance | 0.5496 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Lightish Green
#61E160
ΔE00 2.30
Tealish Green
#0CDC73
ΔE00 3.59
Weird Green
#3AE57F
ΔE00 3.82
Fresh Green
#69D84F
ΔE00 4.39
Spearmint
#1EF876
ΔE00 5.60
Minty Green
#0BF77D
ΔE00 5.71
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#45DF64 #DF45C0
analogous
#73DF45 #45DF64 #45DFB1
triadic
#45DF64 #6445DF #DF6445
tetradic
#45DF64 #4573DF #DF45C0 #DFB145
square
#45DF64 #4573DF #DF45C0 #DFB145
split-complementary
#45DF64 #B145DF #DF4573
monochromatic
#199131 #22C543 #45DF64 #79E890 #ADF1BB
Accessibility & contrast
On white
1.75
#45DF64 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
11.99
#45DF64 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #45DF64
11.99:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##45DF64 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##45DF64 | 1.00 | 1.75 | 11.99 | 11.99 |
| #FFFFFF | 1.75 | 1.00 | 21.00 | 21.00 |
| #000000 | 11.99 | 21.00 | 1.00 | 1.00 |
| ##000000 | 11.99 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#E2CB58
Deuteranopia (green-blind)
#D0BF6E
Tritanopia (blue-blind)
#00DAC4
Achromatopsia (no color)
#C4C4C4
Design tokens & code
CSS
--color: #45df64; /* rgb */ color: rgb(69, 223, 100); /* oklch */ color: oklch(79.7% 0.209 146.7);
Tailwind
colors: {
custom: {
50: '#8cea93',
500: '#45df64',
950: '#000000',
},
}SCSS
$custom: #45df64; $custom-light: #8cea93; $custom-dark: #000000;
JSON
{
"hex": "#45df64",
"rgb": {
"r": 69,
"g": 223,
"b": 100
},
"hsl": {
"h": 132.078,
"s": 70.642,
"l": 57.255
},
"oklch": {
"l": 0.79743,
"c": 0.20936,
"h": 146.7
},
"luminance": 0.54961
}Semantic roles & 50–950 ramp
primary
#45DF64
secondary
#963382
accent
#3AC9ED
background
#FCFFFC
surface
#F5FEF4
border
#CFD6CE
text
#0E160D
muted
#7F857F