#268C1F#268C1F
#268C1F is a mid, vivid green. Relative luminance 0.193; OKLCH L 56.1% C 0.170 H 142.2°. Best body text is #000000 at 4.85:1 contrast (WCAG AA passes).
Color values
| HEX | #268C1F |
|---|---|
| RGB | rgb(38, 140, 31) |
| HSL | hsl(116, 64%, 34%) |
| HSV | hsv(116, 78%, 55%) |
| CMYK | cmyk(72.9%, 0%, 77.9%, 45.1%) |
| CIE-LAB | lab(51.00, -49.45, 46.54) |
| CIE-LCH | lch(51.00, 67.90, 136.73°) |
| OKLab | oklab(56.13% -0.1346 0.1046) |
| OKLCH | oklch(56.13% 0.17 142.2) |
| XYZ | xyz(10.4241, 19.2660, 4.4654) |
| Luminance | 0.1927 (WCAG relative) |
| Temperature | neutral |
| Family | green |
Closest named colors
Forestgreen (CSS)
#228B22
ΔE00 0.69
Emerald Green
#028F1E
ΔE00 1.65
True Green
#089404
ΔE00 3.39
Irish Green
#019529
ΔE00 3.42
Kelley Green
#009337
ΔE00 4.19
Green
#008000
ΔE00 4.85
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#268C1F #851F8C
analogous
#5C8C1F #268C1F #1F8C4E
triadic
#268C1F #1F268C #8C1F26
tetradic
#268C1F #1F5C8C #851F8C #8C4E1F
square
#268C1F #1F5C8C #851F8C #8C4E1F
split-complementary
#268C1F #4E1F8C #8C1F5C
monochromatic
#0B2809 #185A14 #268C1F #34BE2A #57D84E
Accessibility & contrast
On white
4.33
#268C1F on #FFFFFF
AA ✗AA large ✓AAA ✗
On black
4.85
#268C1F on #000000
AA ✓AA large ✓AAA ✗
Best text color
#000000 on #268C1F
4.85:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##268C1F | #FFFFFF | #000000 | ##000000 |
|---|---|---|---|---|
| ##268C1F | 1.00 | 4.33 | 4.85 | 4.85 |
| #FFFFFF | 4.33 | 1.00 | 21.00 | 21.00 |
| #000000 | 4.85 | 21.00 | 1.00 | 1.00 |
| ##000000 | 4.85 | 21.00 | 1.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#8F7E06
Deuteranopia (green-blind)
#84762B
Tritanopia (blue-blind)
#068877
Achromatopsia (no color)
#797979
Design tokens & code
CSS
--color: #268c1f; /* rgb */ color: rgb(38, 140, 31); /* oklch */ color: oklch(56.1% 0.170 142.2);
Tailwind
colors: {
custom: {
50: '#71af63',
500: '#268c1f',
950: '#000000',
},
}SCSS
$custom: #268c1f; $custom-light: #71af63; $custom-dark: #000000;
JSON
{
"hex": "#268c1f",
"rgb": {
"r": 38,
"g": 140,
"b": 31
},
"hsl": {
"h": 116.147,
"s": 63.743,
"l": 33.529
},
"oklch": {
"l": 0.56134,
"c": 0.17043,
"h": 142.2
},
"luminance": 0.19267
}Semantic roles & 50–950 ramp
primary
#268C1F
secondary
#B34CBB
accent
#41E7DC
background
#F7FAF6
surface
#EDF5EB
border
#C8CFC6
text
#091006
muted
#7B7F7A