#450B09#450B09

#450B09 is a dark, moderate red. Relative luminance 0.015; OKLCH L 25.8% C 0.088 H 27.4°. Best body text is #FFFFFF at 16.09:1 contrast (WCAG AA passes).

Color values

HEX#450B09
RGBrgb(69, 11, 9)
HSLhsl(2, 77%, 15%)
HSVhsv(2, 87%, 27%)
CMYKcmyk(0%, 84.1%, 87%, 72.9%)
CIE-LABlab(12.76, 27.12, 16.08)
CIE-LCHlch(12.76, 31.53, 30.66°)
OKLaboklab(25.84% 0.0779 0.0404)
OKLCHoklch(25.84% 0.088 27.4)
XYZxyz(2.6235, 1.5247, 0.4145)
Luminance0.0152 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#450B09 #094345
analogous
#450925 #450B09 #452909
triadic
#450B09 #09450B #0B0945
tetradic
#450B09 #254509 #094345 #290945
square
#450B09 #254509 #094345 #290945
split-complementary
#450B09 #094529 #092545
monochromatic
#1B0404 #1B0404 #450B09 #7B1410 #B11C17

Accessibility & contrast

On white

16.09
#450B09 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.30
#450B09 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #450B09
16.09:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##450B09#FFFFFF#000000##FFFFFF
##450B091.0016.091.3016.09
#FFFFFF16.091.0021.001.00
#0000001.3021.001.0021.00
##FFFFFF16.091.0021.001.00

Color blindness preview

Protanopia (red-blind)
#1D1908
Deuteranopia (green-blind)
#2B2607
Tritanopia (blue-blind)
#4D000B
Achromatopsia (no color)
#212121

Design tokens & code

CSS
--color: #450b09;
/* rgb */ color: rgb(69, 11, 9);
/* oklch */ color: oklch(25.8% 0.088 27.4);
Tailwind
colors: {
  custom: {
    50: '#7e504a',
    500: '#450b09',
    950: '#000000',
  },
}
SCSS
$custom: #450b09;
$custom-light: #7e504a;
$custom-dark: #000000;
JSON
{
  "hex": "#450b09",
  "rgb": {
    "r": 69,
    "g": 11,
    "b": 9
  },
  "hsl": {
    "h": 2,
    "s": 76.923,
    "l": 15.294
  },
  "oklch": {
    "l": 0.25842,
    "c": 0.08776,
    "h": 27.4
  },
  "luminance": 0.01524
}

Semantic roles & 50–950 ramp

primary
#450B09
secondary
#278083
accent
#EDF334
background
#F8F4F4
surface
#EFE7E7
border
#CAC3C3
text
#0B0201
muted
#7C7877

Preview Lab

Preview with #450B09

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

Preview Lab → · Contrast checker → · Palette generator →

#450B09 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva