#AF8052#AF8052

#AF8052 is a light, moderate orange. Relative luminance 0.252; OKLCH L 63.6% C 0.085 H 64.7°. Best body text is #000000 at 6.03:1 contrast (WCAG AA passes).

Color values

HEX#AF8052
RGBrgb(175, 128, 82)
HSLhsl(30, 37%, 50%)
HSVhsv(30, 53%, 69%)
CMYKcmyk(0%, 26.9%, 53.1%, 31.4%)
CIE-LABlab(57.23, 12.70, 31.95)
CIE-LCHlch(57.23, 34.38, 68.31°)
OKLaboklab(63.61% 0.0364 0.0769)
OKLCHoklch(63.61% 0.085 64.7)
XYZxyz(26.9227, 25.1634, 11.4200)
Luminance0.2516 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AF8052 #5281AF
analogous
#AF5252 #AF8052 #AFAE52
triadic
#AF8052 #52AF80 #8052AF
tetradic
#AF8052 #52AF52 #5281AF #AE52AF
square
#AF8052 #52AF52 #5281AF #AE52AF
split-complementary
#AF8052 #52AFAE #5252AF
monochromatic
#5C432B #86623E #AF8052 #C29F7C #D6BDA6

Accessibility & contrast

On white

3.48
#AF8052 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.03
#AF8052 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AF8052
6.03:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AF8052#FFFFFF#000000##000000
##AF80521.003.486.036.03
#FFFFFF3.481.0021.0021.00
#0000006.0321.001.001.00
##0000006.0321.001.001.00

Color blindness preview

Protanopia (red-blind)
#8F834E
Deuteranopia (green-blind)
#9A8E53
Tritanopia (blue-blind)
#BD7675
Achromatopsia (no color)
#898989

Design tokens & code

CSS
--color: #af8052;
/* rgb */ color: rgb(175, 128, 82);
/* oklch */ color: oklch(63.6% 0.085 64.7);
Tailwind
colors: {
  custom: {
    50: '#c9a483',
    500: '#af8052',
    950: '#000000',
  },
}
SCSS
$custom: #af8052;
$custom-light: #c9a483;
$custom-dark: #000000;
JSON
{
  "hex": "#af8052",
  "rgb": {
    "r": 175,
    "g": 128,
    "b": 82
  },
  "hsl": {
    "h": 29.677,
    "s": 36.759,
    "l": 50.392
  },
  "oklch": {
    "l": 0.63605,
    "c": 0.08508,
    "h": 64.7
  },
  "luminance": 0.25161
}

Semantic roles & 50–950 ramp

primary
#AF8052
secondary
#9AAFC3
accent
#95CD5B
background
#FCFAF8
surface
#F9F4EF
border
#D2CECA
text
#140F0B
muted
#827F7C

Preview Lab

Preview with #AF8052

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

Preview Lab → · Contrast checker → · Palette generator →

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