#7D5317#7D5317

#7D5317 is a mid, moderate orange. Relative luminance 0.106; OKLCH L 47.8% C 0.092 H 71.1°. Best body text is #FFFFFF at 6.73:1 contrast (WCAG AA passes).

Color values

HEX#7D5317
RGBrgb(125, 83, 23)
HSLhsl(35, 69%, 29%)
HSVhsv(35, 82%, 49%)
CMYKcmyk(0%, 33.6%, 81.6%, 51%)
CIE-LABlab(38.91, 12.07, 39.87)
CIE-LCHlch(38.91, 41.65, 73.16°)
OKLaboklab(47.78% 0.0298 0.0868)
OKLCHoklch(47.78% 0.092 71.1)
XYZxyz(11.7063, 10.6094, 2.2417)
Luminance0.1061 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#7D5317 #17417D
analogous
#7D2017 #7D5317 #747D17
triadic
#7D5317 #177D53 #53177D
tetradic
#7D5317 #177D20 #17417D #7D1774
square
#7D5317 #177D20 #17417D #7D1774
split-complementary
#7D5317 #17747D #20177D
monochromatic
#1A1105 #49310D #7D5317 #B17521 #DA9635

Accessibility & contrast

On white

6.73
#7D5317 on #FFFFFF
AA ✓AA large ✓AAA ✗

On black

3.12
#7D5317 on #000000
AA ✗AA large ✓AAA ✗

Best text color

#FFFFFF on #7D5317
6.73:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##7D5317#FFFFFF#000000##FFFFFF
##7D53171.006.733.126.73
#FFFFFF6.731.0021.001.00
#0000003.1221.001.0021.00
##FFFFFF6.731.0021.001.00

Color blindness preview

Protanopia (red-blind)
#61560D
Deuteranopia (green-blind)
#6B6019
Tritanopia (blue-blind)
#894847
Achromatopsia (no color)
#5C5C5C

Design tokens & code

CSS
--color: #7d5317;
/* rgb */ color: rgb(125, 83, 23);
/* oklch */ color: oklch(47.8% 0.092 71.1);
Tailwind
colors: {
  custom: {
    50: '#a78359',
    500: '#7d5317',
    950: '#000000',
  },
}
SCSS
$custom: #7d5317;
$custom-light: #a78359;
$custom-dark: #000000;
JSON
{
  "hex": "#7d5317",
  "rgb": {
    "r": 125,
    "g": 83,
    "b": 23
  },
  "hsl": {
    "h": 35.294,
    "s": 68.919,
    "l": 29.02
  },
  "oklch": {
    "l": 0.47783,
    "c": 0.09173,
    "h": 71.1
  },
  "luminance": 0.10608
}

Semantic roles & 50–950 ramp

primary
#7D5317
secondary
#3E6EB2
accent
#84EC3C
background
#FAF8F5
surface
#F4EFE9
border
#CECAC5
text
#100A04
muted
#7F7C79

Preview Lab

Preview with #7D5317

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

Preview Lab → · Contrast checker → · Palette generator →

#7D5317 Color — HEX, RGB, HSL, OKLCH & Contrast — Tintiva