#C39458#C39458

#C39458 is a light, moderate orange. Relative luminance 0.335; OKLCH L 69.8% C 0.096 H 71.9°. Best body text is #000000 at 7.70:1 contrast (WCAG AA passes).

Color values

HEX#C39458
RGBrgb(195, 148, 88)
HSLhsl(34, 47%, 55%)
HSVhsv(34, 55%, 76%)
CMYKcmyk(0%, 24.1%, 54.9%, 23.5%)
CIE-LABlab(64.55, 10.68, 38.28)
CIE-LCHlch(64.55, 39.75, 74.41°)
OKLaboklab(69.84% 0.0298 0.0912)
OKLCHoklch(69.84% 0.096 71.9)
XYZxyz(34.8588, 33.4888, 13.8586)
Luminance0.3349 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C39458 #5887C3
analogous
#C35E58 #C39458 #BCC358
triadic
#C39458 #58C394 #9458C3
tetradic
#C39458 #58C35E #5887C3 #C358BC
square
#C39458 #58C35E #5887C3 #C358BC
split-complementary
#C39458 #58BCC3 #5E58C3
monochromatic
#76552A #A3753B #C39458 #D3B185 #E3CEB2

Accessibility & contrast

On white

2.73
#C39458 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

7.70
#C39458 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C39458
7.70:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C39458#FFFFFF#000000##000000
##C394581.002.737.707.70
#FFFFFF2.731.0021.0021.00
#0000007.7021.001.001.00
##0000007.7021.001.001.00

Color blindness preview

Protanopia (red-blind)
#A59653
Deuteranopia (green-blind)
#B0A159
Tritanopia (blue-blind)
#D28886
Achromatopsia (no color)
#9D9D9D

Design tokens & code

CSS
--color: #c39458;
/* rgb */ color: rgb(195, 148, 88);
/* oklch */ color: oklch(69.8% 0.096 71.9);
Tailwind
colors: {
  custom: {
    50: '#d8b388',
    500: '#c39458',
    950: '#000000',
  },
}
SCSS
$custom: #c39458;
$custom-light: #d8b388;
$custom-dark: #000000;
JSON
{
  "hex": "#c39458",
  "rgb": {
    "r": 195,
    "g": 148,
    "b": 88
  },
  "hsl": {
    "h": 33.645,
    "s": 47.137,
    "l": 55.49
  },
  "oklch": {
    "l": 0.6984,
    "c": 0.0959,
    "h": 71.9
  },
  "luminance": 0.33486
}

Semantic roles & 50–950 ramp

primary
#C39458
secondary
#A5B9D2
accent
#8CD751
background
#FDFBF8
surface
#FBF6F0
border
#D4D0CB
text
#15110B
muted
#83807C

Preview Lab

Preview with #C39458

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

Preview Lab → · Contrast checker → · Palette generator →

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