#490D07#490D07

#490D07 is a dark, moderate red. Relative luminance 0.017; OKLCH L 26.9% C 0.091 H 30.1°. Best body text is #FFFFFF at 15.62:1 contrast (WCAG AA passes).

Color values

HEX	#490D07
RGB	rgb(73, 13, 7)
HSL	hsl(5, 83%, 16%)
HSV	hsv(5, 90%, 29%)
CMYK	cmyk(0%, 82.2%, 90.4%, 71.4%)
CIE-LAB	lab(13.94, 27.71, 18.62)
CIE-LCH	lch(13.94, 33.39, 33.90°)
OKLab	oklab(26.88% 0.0787 0.0455)
OKLCH	oklch(26.88% 0.091 30.1)
XYZ	xyz(2.9303, 1.7201, 0.3787)
Luminance	0.0172 (WCAG relative)
Temperature	warm
Family	red

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#490D07 #074349

analogous

#490722 #490D07 #492E07

triadic

#490D07 #07490D #0D0749

tetradic

#490D07 #224907 #074349 #2E0749

square

#490D07 #224907 #074349 #2E0749

split-complementary

#490D07 #07492E #072249

monochromatic

#1C0503 #1C0503 #490D07 #81170C #B92112

Accessibility & contrast

On white

15.62

#490D07 on #FFFFFF

AA ✓AA large ✓AAA ✓

On black

1.34

#490D07 on #000000

AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #490D07

15.62:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##490D07	#FFFFFF	#000000	##FFFFFF
##490D07	1.00	15.62	1.34	15.62
#FFFFFF	15.62	1.00	21.00	1.00
#000000	1.34	21.00	1.00	21.00
##FFFFFF	15.62	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#1F1B06

Deuteranopia (green-blind)

#2E2805

Tritanopia (blue-blind)

#51000C

Achromatopsia (no color)

#232323

Design tokens & code

CSS

--color: #490d07;
/* rgb */ color: rgb(73, 13, 7);
/* oklch */ color: oklch(26.9% 0.091 30.1);

Tailwind

colors: {
  custom: {
    50: '#825149',
    500: '#490d07',
    950: '#000000',
  },
}

SCSS

$custom: #490d07;
$custom-light: #825149;
$custom-dark: #000000;

JSON

{
  "hex": "#490d07",
  "rgb": {
    "r": 73,
    "g": 13,
    "b": 7
  },
  "hsl": {
    "h": 5.455,
    "s": 82.5,
    "l": 15.686
  },
  "oklch": {
    "l": 0.26878,
    "c": 0.09093,
    "h": 30.1
  },
  "luminance": 0.0172
}

Semantic roles & 50–950 ramp

primary

#490D07

secondary

#247E88

accent

#E6F92F

background

#F8F4F4

surface

#F0E7E7

border

#CBC3C3

text

#0B0201

muted

#7C7877

Preview Lab

Preview with #490D07

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

Preview Lab → · Contrast checker → · Palette generator →