#2B2600#2B2600
#2B2600 is a dark, muted yellow. Relative luminance 0.019; OKLCH L 26.6% C 0.056 H 101.9°. Best body text is #FFFFFF at 15.22:1 contrast (WCAG AA passes).
Color values
| HEX | #2B2600 |
|---|---|
| RGB | rgb(43, 38, 0) |
| HSL | hsl(53, 100%, 8%) |
| HSV | hsv(53, 100%, 17%) |
| CMYK | cmyk(0%, 11.6%, 100%, 83.1%) |
| CIE-LAB | lab(14.95, -2.93, 21.81) |
| CIE-LCH | lch(14.95, 22.00, 97.65°) |
| OKLab | oklab(26.58% -0.0115 0.0545) |
| OKLCH | oklch(26.58% 0.056 101.9) |
| XYZ | xyz(1.6895, 1.8999, 0.2777) |
| Luminance | 0.0190 (WCAG relative) |
| Temperature | warm |
| Family | yellow |
Closest named colors
Dark Olive
#373E02
ΔE00 9.71
Dark Brown
#341C02
ΔE00 13.08
Espresso
#4B382A
ΔE00 14.55
Very Dark Green
#062E03
ΔE00 14.66
Green Brown
#544E03
ΔE00 14.78
Mud Brown
#60460F
ΔE00 14.94
Perceptual scales
Shades
Tints
Tones
OKLCH scale
Color harmonies
complementary
#2B2600 #00052B
analogous
#2B1000 #2B2600 #1A2B00
triadic
#2B2600 #002B26 #26002B
tetradic
#2B2600 #002B10 #00052B #2B001A
square
#2B2600 #002B10 #00052B #2B001A
split-complementary
#2B2600 #001A2B #10002B
monochromatic
#1F1B00 #1F1B00 #2B2600 #685C00 #A59200
Accessibility & contrast
On white
15.22
#2B2600 on #FFFFFF
AA ✓AA large ✓AAA ✓
On black
1.38
#2B2600 on #000000
AA ✗AA large ✗AAA ✗
Best text color
#FFFFFF on #2B2600
15.22:1 — WCAG AA (normal text) passes
Contrast matrix
| fg \ bg | ##2B2600 | #FFFFFF | #000000 | ##FFFFFF |
|---|---|---|---|---|
| ##2B2600 | 1.00 | 15.22 | 1.38 | 15.22 |
| #FFFFFF | 15.22 | 1.00 | 21.00 | 1.00 |
| #000000 | 1.38 | 21.00 | 1.00 | 21.00 |
| ##FFFFFF | 15.22 | 1.00 | 21.00 | 1.00 |
Color blindness preview
Protanopia (red-blind)
#2B2400
Deuteranopia (green-blind)
#2C2602
Tritanopia (blue-blind)
#2F221F
Achromatopsia (no color)
#262626
Design tokens & code
CSS
--color: #2b2600; /* rgb */ color: rgb(43, 38, 0); /* oklch */ color: oklch(26.6% 0.056 101.9);
Tailwind
colors: {
custom: {
50: '#666046',
500: '#2b2600',
950: '#000000',
},
}SCSS
$custom: #2b2600; $custom-light: #666046; $custom-dark: #000000;
JSON
{
"hex": "#2b2600",
"rgb": {
"r": 43,
"g": 38,
"b": 0
},
"hsl": {
"h": 53.023,
"s": 100,
"l": 8.431
},
"oklch": {
"l": 0.26584,
"c": 0.05565,
"h": 101.9
},
"luminance": 0.019
}Semantic roles & 50–950 ramp
primary
#2B2600
secondary
#141F73
accent
#42FF29
background
#F6F5F3
surface
#EBE9E5
border
#C6C5C1
text
#060400
muted
#7A7977