#9BF045#9BF045
#9BF045 is a very light, highly saturated yellow-green. Relative luminance 0.697; OKLCH L 86.9% C 0.215 H 132.5°. Best body text is #000000 at 14.94:1 contrast (WCAG AA passes).
Color values
| HEX | #9BF045 |
|---|---|
| RGB | rgb(155, 240, 69) |
| HSL | hsl(90, 85%, 61%) |
| HSV | hsv(90, 71%, 94%) |
| CMYK | cmyk(35.4%, 0%, 71.3%, 5.9%) |
| CIE-LAB | lab(86.86, -51.50, 70.34) |
| CIE-LCH | lch(86.86, 87.17, 126.21°) |
| OKLab | oklab(86.94% -0.145 0.1581) |
| OKLCH | oklch(86.94% 0.215 132.5) |
| XYZ | xyz(45.7512, 69.7165, 16.6751) |
| Luminance | 0.6972 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Kiwi
#9CEF43
ΔE00 0.34
Kiwi Green
#8EE53F
ΔE00 2.62
Light Grass Green
#9AF764
ΔE00 3.30
Pale Lime Green
#B1FF65
ΔE00 3.84
Light Lime
#AEFD6C
ΔE00 3.96
Lime (survey)
#AAFF32
ΔE00 4.04
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#9BF045 #9A45F0
analogous
#F0F045 #9BF045 #45F045
triadic
#9BF045 #459BF0 #F0459B
tetradic
#9BF045 #45F0F0 #9A45F0 #F04545
square
#9BF045 #45F0F0 #9A45F0 #F04545
split-complementary
#9BF045 #4545F0 #F045F0
monochromatic
#5EAD0E #7DE512 #9BF045 #B9F57E #D8F9B6
Accessibility & contrast
On white
1.41
#9BF045 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
14.94
#9BF045 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #9BF045
14.94:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##9BF045 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##9BF045 | 1.00 | 1.41 | 14.94 | 14.94 |
| #FFFFFF | 1.41 | 1.00 | 21.00 | 21.00 |
| #000000 | 14.94 | 21.00 | 1.00 | 1.00 |
| ##000000 | 14.94 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#FADE26
Deuteranopia (green-blind)
#EED755
Tritanopia (blue-blind)
#9CE6CF
Achromatopsia (no color)
#D9D9D9
Design tokens & code
CSS
--color: #9bf045; /* rgb */ color: rgb(155, 240, 69); /* oklch */ color: oklch(86.9% 0.215 132.5);
Tailwind
colors: {
custom: {
50: '#bef583',
500: '#9bf045',
950: '#000000',
},
}SCSS
$custom: #9bf045; $custom-light: #bef583; $custom-dark: #000000;
JSON
{
"hex": "#9bf045",
"rgb": {
"r": 155,
"g": 240,
"b": 69
},
"hsl": {
"h": 89.825,
"s": 85.075,
"l": 60.588
},
"oklch": {
"l": 0.86938,
"c": 0.21454,
"h": 132.5
},
"luminance": 0.69718
}Semantic roles & 50–950 ramp
primary
#9BF045
secondary
#6C2CAD
accent
#04E272
background
#FDFFFB
surface
#F9FEF2
border
#D2D6CC
text
#13170B
muted
#82857E