#C97E17#C97E17

#C97E17 is a light, vivid orange. Relative luminance 0.274; OKLCH L 65.8% C 0.139 H 67.0°. Best body text is #000000 at 6.48:1 contrast (WCAG AA passes).

Color values

HEX#C97E17
RGBrgb(201, 126, 23)
HSLhsl(35, 79%, 44%)
HSVhsv(35, 89%, 79%)
CMYKcmyk(0%, 37.3%, 88.6%, 21.2%)
CIE-LABlab(59.35, 22.00, 61.12)
CIE-LCHlch(59.35, 64.96, 70.21°)
OKLaboklab(65.76% 0.0544 0.1281)
OKLCHoklch(65.76% 0.139 67)
XYZxyz(31.7056, 27.4043, 4.4303)
Luminance0.2740 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C97E17 #1762C9
analogous
#C92517 #C97E17 #BBC917
triadic
#C97E17 #17C97E #7E17C9
tetradic
#C97E17 #17C925 #1762C9 #C917BB
square
#C97E17 #17C925 #1762C9 #C917BB
split-complementary
#C97E17 #17BBC9 #2517C9
monochromatic
#5B390A #925C11 #C97E17 #E89D35 #EEB76C

Accessibility & contrast

On white

3.24
#C97E17 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.48
#C97E17 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C97E17
6.48:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C97E17#FFFFFF#000000##000000
##C97E171.003.246.486.48
#FFFFFF3.241.0021.0021.00
#0000006.4821.001.001.00
##0000006.4821.001.001.00

Color blindness preview

Protanopia (red-blind)
#968400
Deuteranopia (green-blind)
#A8961A
Tritanopia (blue-blind)
#DC6C6C
Achromatopsia (no color)
#8F8F8F

Design tokens & code

CSS
--color: #c97e17;
/* rgb */ color: rgb(201, 126, 23);
/* oklch */ color: oklch(65.8% 0.139 67.0);
Tailwind
colors: {
  custom: {
    50: '#e0a361',
    500: '#c97e17',
    950: '#000000',
  },
}
SCSS
$custom: #c97e17;
$custom-light: #e0a361;
$custom-dark: #000000;
JSON
{
  "hex": "#c97e17",
  "rgb": {
    "r": 201,
    "g": 126,
    "b": 23
  },
  "hsl": {
    "h": 34.719,
    "s": 79.464,
    "l": 43.922
  },
  "oklch": {
    "l": 0.65761,
    "c": 0.13914,
    "h": 67
  },
  "luminance": 0.27401
}

Semantic roles & 50–950 ramp

primary
#C97E17
secondary
#6895D4
accent
#84F632
background
#FEFAF6
surface
#FDF3EB
border
#D5CDC6
text
#170F05
muted
#857F7A

Preview Lab

Preview with #C97E17

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

Preview Lab → · Contrast checker → · Palette generator →

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