#A5834B#A5834B

#A5834B is a light, moderate orange. Relative luminance 0.247; OKLCH L 63.0% C 0.085 H 78.7°. Best body text is #000000 at 5.95:1 contrast (WCAG AA passes).

Color values

HEX	#A5834B
RGB	rgb(165, 131, 75)
HSL	hsl(37, 38%, 47%)
HSV	hsv(37, 55%, 65%)
CMYK	cmyk(0%, 20.6%, 54.5%, 35.3%)
CIE-LAB	lab(56.82, 6.06, 34.96)
CIE-LCH	lch(56.82, 35.49, 80.17°)
OKLab	oklab(63% 0.0166 0.0832)
OKLCH	oklch(63% 0.085 78.7)
XYZ	xyz(24.9045, 24.7414, 10.1191)
Luminance	0.2474 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#A5834B #4B6DA5

analogous

#A5564B #A5834B #9AA54B

triadic

#A5834B #4BA583 #834BA5

tetradic

#A5834B #4BA556 #4B6DA5 #A54B9A

square

#A5834B #4BA556 #4B6DA5 #A54B9A

split-complementary

#A5834B #4B9AA5 #564BA5

monochromatic

#514025 #7B6238 #A5834B #BEA06F #D1BC9A

Accessibility & contrast

On white

3.53

#A5834B on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.95

#A5834B on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #A5834B

5.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##A5834B	#FFFFFF	#000000	##000000
##A5834B	1.00	3.53	5.95	5.95
#FFFFFF	3.53	1.00	21.00	21.00
#000000	5.95	21.00	1.00	1.00
##000000	5.95	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#918346

Deuteranopia (green-blind)

#998C4D

Tritanopia (blue-blind)

#B17976

Achromatopsia (no color)

#888888

Design tokens & code

CSS

--color: #a5834b;
/* rgb */ color: rgb(165, 131, 75);
/* oklch */ color: oklch(63.0% 0.085 78.7);

Tailwind

colors: {
  custom: {
    50: '#c2a67e',
    500: '#a5834b',
    950: '#000000',
  },
}

SCSS

$custom: #a5834b;
$custom-light: #c2a67e;
$custom-dark: #000000;

JSON

{
  "hex": "#a5834b",
  "rgb": {
    "r": 165,
    "g": 131,
    "b": 75
  },
  "hsl": {
    "h": 37.333,
    "s": 37.5,
    "l": 47.059
  },
  "oklch": {
    "l": 0.63004,
    "c": 0.08485,
    "h": 78.7
  },
  "luminance": 0.2474
}

Semantic roles & 50–950 ramp

primary

#A5834B

secondary

#8FA0BD

accent

#86CD5A

background

#FCFAF7

surface

#F8F4EE

border

#D1CEC9

text

#130F0A

muted

#827F7C

Preview Lab

Preview with #A5834B

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

Preview Lab → · Contrast checker → · Palette generator →