#7BC945#7BC945
#7BC945 is a light, vivid yellow-green. Relative luminance 0.464; OKLCH L 75.9% C 0.182 H 134.9°. Best body text is #000000 at 10.28:1 contrast (WCAG AA passes).
Color values
| HEX | #7BC945 |
|---|---|
| RGB | rgb(123, 201, 69) |
| HSL | hsl(95, 55%, 53%) |
| HSV | hsv(95, 66%, 79%) |
| CMYK | cmyk(38.8%, 0%, 65.7%, 21.2%) |
| CIE-LAB | lab(73.81, -46.20, 56.37) |
| CIE-LCH | lch(73.81, 72.88, 129.34°) |
| OKLab | oklab(75.87% -0.1287 0.1293) |
| OKLCH | oklch(75.87% 0.182 134.9) |
| XYZ | xyz(30.1286, 46.4124, 13.0001) |
| Luminance | 0.4641 (WCAG relative) |
| Temperature | warm |
| Family | yellow-green |
Closest named colors
Apple
#6ECB3C
ΔE00 1.67
Apple Green
#76CD26
ΔE00 2.95
Fresh Green
#69D84F
ΔE00 4.51
Turtle Green
#75B84F
ΔE00 5.12
Frog Green
#58BC08
ΔE00 5.35
Dark Lime Green
#7EBD01
ΔE00 5.67
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#7BC945 #9345C9
analogous
#BDC945 #7BC945 #45C951
triadic
#7BC945 #457BC9 #C9457B
tetradic
#7BC945 #45BDC9 #9345C9 #C95145
square
#7BC945 #45BDC9 #9345C9 #C95145
split-complementary
#7BC945 #5145C9 #C945BD
monochromatic
#427221 #5EA22F #7BC945 #9DD774 #BEE5A4
Accessibility & contrast
On white
2.04
#7BC945 on #FFFFFF
AA ✗AA large ✗AAA ✗
On black
10.28
#7BC945 on #000000
AA ✓AA large ✓AAA ✓
Best text color
#000000 on #7BC945
10.28:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##7BC945 | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##7BC945 | 1.00 | 2.04 | 10.28 | 10.28 |
| #FFFFFF | 2.04 | 1.00 | 21.00 | 21.00 |
| #000000 | 10.28 | 21.00 | 1.00 | 1.00 |
| ##000000 | 10.28 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#D0B934
Deuteranopia (green-blind)
#C6B350
Tritanopia (blue-blind)
#7AC2AE
Achromatopsia (no color)
#B5B5B5
Design tokens & code
CSS
--color: #7bc945; /* rgb */ color: rgb(123, 201, 69); /* oklch */ color: oklch(75.9% 0.182 134.9);
Tailwind
colors: {
custom: {
50: '#a6da7f',
500: '#7bc945',
950: '#000000',
},
}SCSS
$custom: #7bc945; $custom-light: #a6da7f; $custom-dark: #000000;
JSON
{
"hex": "#7bc945",
"rgb": {
"r": 123,
"g": 201,
"b": 69
},
"hsl": {
"h": 95.455,
"s": 55,
"l": 52.941
},
"oklch": {
"l": 0.75867,
"c": 0.1824,
"h": 134.9
},
"luminance": 0.46414
}Semantic roles & 50–950 ramp
primary
#7BC945
secondary
#BA98D1
accent
#49DEA1
background
#FAFDF8
surface
#F4FBEF
border
#CED4CA
text
#10150A
muted
#7F837C