#412229#412229

#412229 is a dark, muted red. Relative luminance 0.024; OKLCH L 29.6% C 0.048 H 5.9°. Best body text is #FFFFFF at 14.14:1 contrast (WCAG AA passes).

Color values

HEX#412229
RGBrgb(65, 34, 41)
HSLhsl(346, 31%, 19%)
HSVhsv(346, 48%, 25%)
CMYKcmyk(0%, 47.7%, 36.9%, 74.5%)
CIE-LABlab(17.59, 15.86, 1.84)
CIE-LCHlch(17.59, 15.96, 6.61°)
OKLaboklab(29.57% 0.0481 0.005)
OKLCHoklch(29.57% 0.048 5.9)
XYZxyz(3.1524, 2.4282, 2.4001)
Luminance0.0243 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#412229 #22413A
analogous
#412239 #412229 #412B22
triadic
#412229 #294122 #222941
tetradic
#412229 #394122 #22413A #2B2241
square
#412229 #394122 #22413A #2B2241
split-complementary
#412229 #22412B #223941
monochromatic
#140B0D #190D10 #412229 #693742 #914C5C

Accessibility & contrast

On white

14.14
#412229 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.49
#412229 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #412229
14.14:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##412229#FFFFFF#000000##FFFFFF
##4122291.0014.141.4914.14
#FFFFFF14.141.0021.001.00
#0000001.4921.001.0021.00
##FFFFFF14.141.0021.001.00

Color blindness preview

Protanopia (red-blind)
#272829
Deuteranopia (green-blind)
#2F2D28
Tritanopia (blue-blind)
#461F24
Achromatopsia (no color)
#2B2B2B

Design tokens & code

CSS
--color: #412229;
/* rgb */ color: rgb(65, 34, 41);
/* oklch */ color: oklch(29.6% 0.048 5.9);
Tailwind
colors: {
  custom: {
    50: '#775d62',
    500: '#412229',
    950: '#000000',
  },
}
SCSS
$custom: #412229;
$custom-light: #775d62;
$custom-dark: #000000;
JSON
{
  "hex": "#412229",
  "rgb": {
    "r": 65,
    "g": 34,
    "b": 41
  },
  "hsl": {
    "h": 346.452,
    "s": 31.313,
    "l": 19.412
  },
  "oklch": {
    "l": 0.29572,
    "c": 0.04834,
    "h": 5.9
  },
  "luminance": 0.02428
}

Semantic roles & 50–950 ramp

primary
#412229
secondary
#4A746B
accent
#C8B060
background
#F7F5F5
surface
#EDE9EA
border
#C8C5C6
text
#090405
muted
#7B7979

Preview Lab

Preview with #412229

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

Preview Lab → · Contrast checker → · Palette generator →

#412229 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva