#AA8328#AA8328

#AA8328 is a light, moderate orange. Relative luminance 0.249; OKLCH L 63.2% C 0.115 H 84.3°. Best body text is #000000 at 5.99:1 contrast (WCAG AA passes).

Color values

HEX#AA8328
RGBrgb(170, 131, 40)
HSLhsl(42, 62%, 41%)
HSVhsv(42, 76%, 67%)
CMYKcmyk(0%, 22.9%, 76.5%, 33.3%)
CIE-LABlab(57.01, 5.99, 51.95)
CIE-LCHlch(57.01, 52.30, 83.42°)
OKLaboklab(63.16% 0.0114 0.1142)
OKLCHoklch(63.16% 0.115 84.3)
XYZxyz(25.0785, 24.9336, 5.4989)
Luminance0.2493 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AA8328 #284FAA
analogous
#AA4228 #AA8328 #90AA28
triadic
#AA8328 #28AA83 #8328AA
tetradic
#AA8328 #28AA42 #284FAA #AA2890
square
#AA8328 #28AA42 #284FAA #AA2890
split-complementary
#AA8328 #2890AA #4228AA
monochromatic
#473711 #785D1C #AA8328 #D2A53E #DDBC6F

Accessibility & contrast

On white

3.51
#AA8328 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.99
#AA8328 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AA8328
5.99:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AA8328#FFFFFF#000000##000000
##AA83281.003.515.995.99
#FFFFFF3.511.0021.0021.00
#0000005.9921.001.001.00
##0000005.9921.001.001.00

Color blindness preview

Protanopia (red-blind)
#948319
Deuteranopia (green-blind)
#9D8D2C
Tritanopia (blue-blind)
#B97771
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #aa8328;
/* rgb */ color: rgb(170, 131, 40);
/* oklch */ color: oklch(63.2% 0.115 84.3);
Tailwind
colors: {
  custom: {
    50: '#c8a669',
    500: '#aa8328',
    950: '#000000',
  },
}
SCSS
$custom: #aa8328;
$custom-light: #c8a669;
$custom-dark: #000000;
JSON
{
  "hex": "#aa8328",
  "rgb": {
    "r": 170,
    "g": 131,
    "b": 40
  },
  "hsl": {
    "h": 42,
    "s": 61.905,
    "l": 41.176
  },
  "oklch": {
    "l": 0.63162,
    "c": 0.11472,
    "h": 84.3
  },
  "luminance": 0.24932
}

Semantic roles & 50–950 ramp

primary
#AA8328
secondary
#6A85C4
accent
#73E543
background
#FCFAF6
surface
#F9F4EB
border
#D2CEC6
text
#140F07
muted
#827F7A

Preview Lab

Preview with #AA8328

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

Preview Lab → · Contrast checker → · Palette generator →

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