#A57016#A57016

#A57016 is a mid, moderate orange. Relative luminance 0.196; OKLCH L 58.6% C 0.117 H 74.0°. Best body text is #000000 at 4.93:1 contrast (WCAG AA passes).

Color values

HEX	#A57016
RGB	rgb(165, 112, 22)
HSL	hsl(38, 76%, 37%)
HSV	hsv(38, 87%, 65%)
CMYK	cmyk(0%, 32.1%, 86.7%, 35.3%)
CIE-LAB	lab(51.44, 13.78, 53.16)
CIE-LCH	lch(51.44, 54.92, 75.47°)
OKLab	oklab(58.64% 0.0323 0.1128)
OKLCH	oklch(58.64% 0.117 74)
XYZ	xyz(21.4577, 19.6475, 3.4212)
Luminance	0.1965 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A57016 #164BA5

analogous

#A52816 #A57016 #93A516

triadic

#A57016 #16A570 #7016A5

tetradic

#A57016 #16A528 #164BA5 #A51693

square

#A57016 #16A528 #164BA5 #A51693

split-complementary

#A57016 #1693A5 #2816A5

monochromatic

#392708 #6F4B0F #A57016 #DB951D #E7AF4E

Accessibility & contrast

On white

4.26

#A57016 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

4.93

#A57016 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #A57016

4.93:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A57016	#FFFFFF	#000000	##000000
##A57016	1.00	4.26	4.93	4.93
#FFFFFF	4.26	1.00	21.00	21.00
#000000	4.93	21.00	1.00	1.00
##000000	4.93	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#837300

Deuteranopia (green-blind)

#8F801A

Tritanopia (blue-blind)

#B46260

Achromatopsia (no color)

#7B7B7B

Design tokens & code

CSS

--color: #a57016;
/* rgb */ color: rgb(165, 112, 22);
/* oklch */ color: oklch(58.6% 0.117 74.0);

Tailwind

colors: {
  custom: {
    50: '#c5995e',
    500: '#a57016',
    950: '#000000',
  },
}

SCSS

$custom: #a57016;
$custom-light: #c5995e;
$custom-dark: #000000;

JSON

{
  "hex": "#a57016",
  "rgb": {
    "r": 165,
    "g": 112,
    "b": 22
  },
  "hsl": {
    "h": 37.762,
    "s": 76.471,
    "l": 36.667
  },
  "oklch": {
    "l": 0.58639,
    "c": 0.11733,
    "h": 74
  },
  "luminance": 0.19646
}

Semantic roles & 50–950 ramp

primary

#A57016

secondary

#4E7BC9

accent

#7BF335

background

#FCF9F5

surface

#F9F2E9

border

#D2CCC5

text

#140D05

muted

#827E79

Preview Lab

Preview with #A57016

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

Preview Lab → · Contrast checker → · Palette generator →