#AB633A#AB633A

#AB633A is a mid, moderate orange. Relative luminance 0.179; OKLCH L 57.3% C 0.109 H 49.0°. Best body text is #FFFFFF at 4.59:1 contrast (WCAG AA passes).

Color values

HEX	#AB633A
RGB	rgb(171, 99, 58)
HSL	hsl(22, 49%, 45%)
HSV	hsv(22, 66%, 67%)
CMYK	cmyk(0%, 42.1%, 66.1%, 32.9%)
CIE-LAB	lab(49.36, 25.37, 35.36)
CIE-LCH	lch(49.36, 43.51, 54.34°)
OKLab	oklab(57.29% 0.0712 0.082)
OKLCH	oklch(57.29% 0.109 49)
XYZ	xyz(22.0219, 17.8894, 6.2954)
Luminance	0.1789 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#AB633A #3A82AB

analogous

#AB3A49 #AB633A #AB9C3A

triadic

#AB633A #3AAB63 #633AAB

tetradic

#AB633A #49AB3A #3A82AB #9C3AAB

square

#AB633A #49AB3A #3A82AB #9C3AAB

split-complementary

#AB633A #3AAB9C #3A49AB

monochromatic

#502E1B #7D492A #AB633A #C7825B #D7A589

Accessibility & contrast

On white

4.59

#AB633A on #FFFFFF

AA ✓AA large ✓AAA ✗

On black

4.58

#AB633A on #000000

AA ✓AA large ✓AAA ✗

Best text color

#FFFFFF on #AB633A

4.59:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##AB633A	#FFFFFF	#000000	##FFFFFF
##AB633A	1.00	4.59	4.58	4.59
#FFFFFF	4.59	1.00	21.00	1.00
#000000	4.58	21.00	1.00	21.00
##FFFFFF	4.59	1.00	21.00	1.00

Color blindness preview

Protanopia (red-blind)

#776C36

Deuteranopia (green-blind)

#887C39

Tritanopia (blue-blind)

#BB5559

Achromatopsia (no color)

#757575

Design tokens & code

CSS

--color: #ab633a;
/* rgb */ color: rgb(171, 99, 58);
/* oklch */ color: oklch(57.3% 0.109 49.0);

Tailwind

colors: {
  custom: {
    50: '#c99071',
    500: '#ab633a',
    950: '#000000',
  },
}

SCSS

$custom: #ab633a;
$custom-light: #c99071;
$custom-dark: #000000;

JSON

{
  "hex": "#ab633a",
  "rgb": {
    "r": 171,
    "g": 99,
    "b": 58
  },
  "hsl": {
    "h": 21.77,
    "s": 49.345,
    "l": 44.902
  },
  "oklch": {
    "l": 0.57291,
    "c": 0.10857,
    "h": 49
  },
  "luminance": 0.17887
}

Semantic roles & 50–950 ramp

primary

#AB633A

secondary

#80A9C1

accent

#A7D94F

background

#FCF8F6

surface

#F9F0EC

border

#D2CBC7

text

#140C08

muted

#827D7B

Preview Lab

Preview with #AB633A

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

Preview Lab → · Contrast checker → · Palette generator →