#281E09#281E09

#281E09 is a very dark, muted orange. Relative luminance 0.014; OKLCH L 24.2% C 0.037 H 83.8°. Best body text is #FFFFFF at 16.41:1 contrast (WCAG AA passes).

Color values

HEX	#281E09
RGB	rgb(40, 30, 9)
HSL	hsl(41, 63%, 10%)
HSV	hsv(41, 78%, 16%)
CMYK	cmyk(0%, 25%, 77.5%, 84.3%)
CIE-LAB	lab(11.95, 1.74, 14.10)
CIE-LCH	lch(11.95, 14.20, 82.96°)
OKLab	oklab(24.16% 0.004 0.0369)
OKLCH	oklch(24.16% 0.037 83.8)
XYZ	xyz(1.3887, 1.3995, 0.4554)
Luminance	0.0140 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#281E09 #091328

analogous

#280F09 #281E09 #232809

triadic

#281E09 #09281E #1E0928

tetradic

#281E09 #09280F #091328 #280923

square

#281E09 #09280F #091328 #280923

split-complementary

#281E09 #092328 #0F0928

monochromatic

#191306 #191306 #281E09 #5A4314 #8C691F

Accessibility & contrast

On white

16.41

#281E09 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.28

#281E09 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #281E09

16.41:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##281E09	#FFFFFF	#000000	##FFFFFF
##281E09	1.00	16.41	1.28	16.41
#FFFFFF	16.41	1.00	21.00	1.00
#000000	1.28	21.00	1.00	21.00
##FFFFFF	16.41	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#221E07

Deuteranopia (green-blind)

#25200A

Tritanopia (blue-blind)

#2C1B19

Achromatopsia (no color)

#1F1F1F

Design tokens & code

CSS

--color: #281e09;
/* rgb */ color: rgb(40, 30, 9);
/* oklch */ color: oklch(24.2% 0.037 83.8);

Tailwind

colors: {
  custom: {
    50: '#63594a',
    500: '#281e09',
    950: '#000000',
  },
}

SCSS

$custom: #281e09;
$custom-light: #63594a;
$custom-dark: #000000;

JSON

{
  "hex": "#281e09",
  "rgb": {
    "r": 40,
    "g": 30,
    "b": 9
  },
  "hsl": {
    "h": 40.645,
    "s": 63.265,
    "l": 9.608
  },
  "oklch": {
    "l": 0.24164,
    "c": 0.03717,
    "h": 83.8
  },
  "luminance": 0.01399
}

Semantic roles & 50–950 ramp

primary

#281E09

secondary

#273B66

accent

#77E641

background

#F5F5F4

surface

#EAE9E7

border

#C6C5C3

text

#050301

muted

#797877

Preview Lab

Preview with #281E09

Body copy rendered with the generated semantic roles for this colour.

Preview Lab → · Contrast checker → · Palette generator →