#C19C8F#C19C8F

#C19C8F is a light, muted orange. Relative luminance 0.371; OKLCH L 72.3% C 0.048 H 40.3°. Best body text is #000000 at 8.42:1 contrast (WCAG AA passes).

Color values

HEX#C19C8F
RGBrgb(193, 156, 143)
HSLhsl(16, 29%, 66%)
HSVhsv(16, 26%, 76%)
CMYKcmyk(0%, 19.2%, 25.9%, 24.3%)
CIE-LABlab(67.35, 11.76, 12.00)
CIE-LCHlch(67.35, 16.80, 45.58°)
OKLaboklab(72.3% 0.0367 0.0311)
OKLCHoklch(72.3% 0.048 40.3)
XYZxyz(38.8392, 37.0992, 31.0963)
Luminance0.3710 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C19C8F #8FB4C1
analogous
#C18F9B #C19C8F #C1B58F
triadic
#C19C8F #8FC19C #9C8FC1
tetradic
#C19C8F #9BC18F #8FB4C1 #B58FC1
square
#C19C8F #9BC18F #8FB4C1 #B58FC1
split-complementary
#C19C8F #8FC1B5 #8F9BC1
monochromatic
#895C4C #AB7968 #C19C8F #D7BFB6 #EDE2DE

Accessibility & contrast

On white

2.49
#C19C8F on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

8.42
#C19C8F on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #C19C8F
8.42:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C19C8F#FFFFFF#000000##000000
##C19C8F1.002.498.428.42
#FFFFFF2.491.0021.0021.00
#0000008.4221.001.001.00
##0000008.4221.001.001.00

Color blindness preview

Protanopia (red-blind)
#A5A08E
Deuteranopia (green-blind)
#ADA78F
Tritanopia (blue-blind)
#CB9798
Achromatopsia (no color)
#A4A4A4

Design tokens & code

CSS
--color: #c19c8f;
/* rgb */ color: rgb(193, 156, 143);
/* oklch */ color: oklch(72.3% 0.048 40.3);
Tailwind
colors: {
  custom: {
    50: '#d4b9af',
    500: '#c19c8f',
    950: '#000000',
  },
}
SCSS
$custom: #c19c8f;
$custom-light: #d4b9af;
$custom-dark: #000000;
JSON
{
  "hex": "#c19c8f",
  "rgb": {
    "r": 193,
    "g": 156,
    "b": 143
  },
  "hsl": {
    "h": 15.6,
    "s": 28.736,
    "l": 65.882
  },
  "oklch": {
    "l": 0.72299,
    "c": 0.04812,
    "h": 40.3
  },
  "luminance": 0.37098
}

Semantic roles & 50–950 ramp

primary
#C19C8F
secondary
#CEDADE
accent
#8CA73E
background
#FDFBFA
surface
#FAF6F4
border
#D3D0CE
text
#141110
muted
#83807F

Preview Lab

Preview with #C19C8F

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

Preview Lab → · Contrast checker → · Palette generator →

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