#AF8729#AF8729

#AF8729 is a light, moderate orange. Relative luminance 0.266; OKLCH L 64.5% C 0.117 H 84.4°. Best body text is #000000 at 6.32:1 contrast (WCAG AA passes).

Color values

HEX#AF8729
RGBrgb(175, 135, 41)
HSLhsl(42, 62%, 42%)
HSVhsv(42, 77%, 69%)
CMYKcmyk(0%, 22.9%, 76.6%, 31.4%)
CIE-LABlab(58.61, 6.07, 53.28)
CIE-LCHlch(58.61, 53.62, 83.50°)
OKLaboklab(64.54% 0.0115 0.1169)
OKLCHoklch(64.54% 0.118 84.4)
XYZxyz(26.7451, 26.6039, 5.8238)
Luminance0.2660 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AF8729 #2951AF
analogous
#AF4429 #AF8729 #94AF29
triadic
#AF8729 #29AF87 #8729AF
tetradic
#AF8729 #29AF44 #2951AF #AF2994
square
#AF8729 #29AF44 #2951AF #AF2994
split-complementary
#AF8729 #2994AF #4429AF
monochromatic
#4C3B12 #7D611D #AF8729 #D3A842 #DEBF74

Accessibility & contrast

On white

3.32
#AF8729 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.32
#AF8729 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AF8729
6.32:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AF8729#FFFFFF#000000##000000
##AF87291.003.326.326.32
#FFFFFF3.321.0021.0021.00
#0000006.3221.001.001.00
##0000006.3221.001.001.00

Color blindness preview

Protanopia (red-blind)
#988719
Deuteranopia (green-blind)
#A2912E
Tritanopia (blue-blind)
#BE7A75
Achromatopsia (no color)
#8D8D8D

Design tokens & code

CSS
--color: #af8729;
/* rgb */ color: rgb(175, 135, 41);
/* oklch */ color: oklch(64.5% 0.117 84.4);
Tailwind
colors: {
  custom: {
    50: '#cba96a',
    500: '#af8729',
    950: '#000000',
  },
}
SCSS
$custom: #af8729;
$custom-light: #cba96a;
$custom-dark: #000000;
JSON
{
  "hex": "#af8729",
  "rgb": {
    "r": 175,
    "g": 135,
    "b": 41
  },
  "hsl": {
    "h": 42.09,
    "s": 62.037,
    "l": 42.353
  },
  "oklch": {
    "l": 0.6454,
    "c": 0.1175,
    "h": 84.4
  },
  "luminance": 0.26602
}

Semantic roles & 50–950 ramp

primary
#AF8729
secondary
#6E88C6
accent
#73E543
background
#FDFAF6
surface
#FAF4EB
border
#D3CEC6
text
#140F07
muted
#837F7A

Preview Lab

Preview with #AF8729

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

Preview Lab → · Contrast checker → · Palette generator →

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