#AD7028#AD7028

#AD7028 is a mid, moderate orange. Relative luminance 0.206; OKLCH L 59.7% C 0.115 H 66.2°. Best body text is #000000 at 5.13:1 contrast (WCAG AA passes).

Color values

HEX#AD7028
RGBrgb(173, 112, 40)
HSLhsl(32, 62%, 42%)
HSVhsv(32, 77%, 68%)
CMYKcmyk(0%, 35.3%, 76.9%, 32.2%)
CIE-LABlab(52.54, 18.00, 47.74)
CIE-LCHlch(52.54, 51.02, 69.34°)
OKLaboklab(59.75% 0.0462 0.105)
OKLCHoklch(59.75% 0.115 66.2)
XYZxyz(23.4126, 20.6280, 4.7556)
Luminance0.2063 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#AD7028 #2865AD
analogous
#AD2E28 #AD7028 #A8AD28
triadic
#AD7028 #28AD70 #7028AD
tetradic
#AD7028 #28AD2E #2865AD #AD28A8
square
#AD7028 #28AD2E #2865AD #AD28A8
split-complementary
#AD7028 #28A8AD #2E28AD
monochromatic
#4A3011 #7B501D #AD7028 #D38F3F #DEAC71

Accessibility & contrast

On white

4.10
#AD7028 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.13
#AD7028 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #AD7028
5.13:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##AD7028#FFFFFF#000000##000000
##AD70281.004.105.135.13
#FFFFFF4.101.0021.0021.00
#0000005.1321.001.001.00
##0000005.1321.001.001.00

Color blindness preview

Protanopia (red-blind)
#84751E
Deuteranopia (green-blind)
#928329
Tritanopia (blue-blind)
#BD6261
Achromatopsia (no color)
#7D7D7D

Design tokens & code

CSS
--color: #ad7028;
/* rgb */ color: rgb(173, 112, 40);
/* oklch */ color: oklch(59.7% 0.115 66.2);
Tailwind
colors: {
  custom: {
    50: '#cb9967',
    500: '#ad7028',
    950: '#000000',
  },
}
SCSS
$custom: #ad7028;
$custom-light: #cb9967;
$custom-dark: #000000;
JSON
{
  "hex": "#ad7028",
  "rgb": {
    "r": 173,
    "g": 112,
    "b": 40
  },
  "hsl": {
    "h": 32.481,
    "s": 62.441,
    "l": 41.765
  },
  "oklch": {
    "l": 0.59748,
    "c": 0.11472,
    "h": 66.2
  },
  "luminance": 0.20626
}

Semantic roles & 50–950 ramp

primary
#AD7028
secondary
#6C95C5
accent
#8DE642
background
#FDF9F6
surface
#FAF2EB
border
#D3CCC6
text
#140D06
muted
#837E7A

Preview Lab

Preview with #AD7028

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

Preview Lab → · Contrast checker → · Palette generator →

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