#542C13#542C13

#542C13 is a dark, moderate orange. Relative luminance 0.037; OKLCH L 34.0% C 0.070 H 50.4°. Best body text is #FFFFFF at 12.02:1 contrast (WCAG AA passes).

Color values

HEX#542C13
RGBrgb(84, 44, 19)
HSLhsl(23, 63%, 20%)
HSVhsv(23, 77%, 33%)
CMYKcmyk(0%, 47.6%, 77.4%, 67.1%)
CIE-LABlab(22.77, 16.08, 23.74)
CIE-LCHlch(22.77, 28.67, 55.89°)
OKLaboklab(34.02% 0.0443 0.0537)
OKLCHoklch(34.02% 0.07 50.4)
XYZxyz(4.6748, 3.7337, 1.0905)
Luminance0.0373 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#542C13 #133B54
analogous
#54131A #542C13 #544C13
triadic
#542C13 #13542C #2C1354
tetradic
#542C13 #1A5413 #133B54 #4C1354
square
#542C13 #1A5413 #133B54 #4C1354
split-complementary
#542C13 #13544C #131A54
monochromatic
#190D06 #221208 #542C13 #86461E #B8602A

Accessibility & contrast

On white

12.02
#542C13 on #FFFFFF
AA ✓AA large ✓AAA ✓

On black

1.75
#542C13 on #000000
AA ✗AA large ✗AAA ✗

Best text color

#FFFFFF on #542C13
12.02:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##542C13#FFFFFF#000000##FFFFFF
##542C131.0012.021.7512.02
#FFFFFF12.021.0021.001.00
#0000001.7521.001.0021.00
##FFFFFF12.021.0021.001.00

Color blindness preview

Protanopia (red-blind)
#373110
Deuteranopia (green-blind)
#413A13
Tritanopia (blue-blind)
#5C2426
Achromatopsia (no color)
#363636

Design tokens & code

CSS
--color: #542c13;
/* rgb */ color: rgb(84, 44, 19);
/* oklch */ color: oklch(34.0% 0.070 50.4);
Tailwind
colors: {
  custom: {
    50: '#886552',
    500: '#542c13',
    950: '#000000',
  },
}
SCSS
$custom: #542c13;
$custom-light: #886552;
$custom-dark: #000000;
JSON
{
  "hex": "#542c13",
  "rgb": {
    "r": 84,
    "g": 44,
    "b": 19
  },
  "hsl": {
    "h": 23.077,
    "s": 63.107,
    "l": 20.196
  },
  "oklch": {
    "l": 0.34021,
    "c": 0.06959,
    "h": 50.4
  },
  "luminance": 0.03733
}

Semantic roles & 50–950 ramp

primary
#542C13
secondary
#366B8C
accent
#A7E642
background
#F8F6F4
surface
#F0EBE7
border
#CBC6C3
text
#0C0502
muted
#7D7A78

Preview Lab

Preview with #542C13

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

Preview Lab → · Contrast checker → · Palette generator →

#542C13 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva