#C1882C#C1882C

#C1882C is a light, vivid orange. Relative luminance 0.291; OKLCH L 66.8% C 0.125 H 74.8°. Best body text is #000000 at 6.83:1 contrast (WCAG AA passes).

Color values

HEX#C1882C
RGBrgb(193, 136, 44)
HSLhsl(37, 63%, 46%)
HSVhsv(37, 77%, 76%)
CMYKcmyk(0%, 29.5%, 77.2%, 24.3%)
CIE-LABlab(60.90, 13.66, 54.98)
CIE-LCHlch(60.90, 56.65, 76.05°)
OKLaboklab(66.79% 0.0327 0.1203)
OKLCHoklch(66.79% 0.125 74.8)
XYZxyz(31.2534, 29.1303, 6.3591)
Luminance0.2913 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C1882C #2C65C1
analogous
#C13E2C #C1882C #B0C12C
triadic
#C1882C #2CC188 #882CC1
tetradic
#C1882C #2CC13E #2C65C1 #C12CB0
square
#C1882C #2CC13E #2C65C1 #C12CB0
split-complementary
#C1882C #2CB0C1 #3E2CC1
monochromatic
#5D4215 #8F6521 #C1882C #D8A553 #E3BF84

Accessibility & contrast

On white

3.08
#C1882C on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.83
#C1882C on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C1882C
6.83:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C1882C#FFFFFF#000000##000000
##C1882C1.003.086.836.83
#FFFFFF3.081.0021.0021.00
#0000006.8321.001.001.00
##0000006.8321.001.001.00

Color blindness preview

Protanopia (red-blind)
#9D8B1D
Deuteranopia (green-blind)
#AA982F
Tritanopia (blue-blind)
#D27976
Achromatopsia (no color)
#939393

Design tokens & code

CSS
--color: #c1882c;
/* rgb */ color: rgb(193, 136, 44);
/* oklch */ color: oklch(66.8% 0.125 74.8);
Tailwind
colors: {
  custom: {
    50: '#d9aa6c',
    500: '#c1882c',
    950: '#000000',
  },
}
SCSS
$custom: #c1882c;
$custom-light: #d9aa6c;
$custom-dark: #000000;
JSON
{
  "hex": "#c1882c",
  "rgb": {
    "r": 193,
    "g": 136,
    "b": 44
  },
  "hsl": {
    "h": 37.047,
    "s": 62.869,
    "l": 46.471
  },
  "oklch": {
    "l": 0.66791,
    "c": 0.1247,
    "h": 74.8
  },
  "luminance": 0.29128
}

Semantic roles & 50–950 ramp

primary
#C1882C
secondary
#7D9BCC
accent
#81E642
background
#FEFAF6
surface
#FCF4EC
border
#D5CEC7
text
#161007
muted
#847F7A

Preview Lab

Preview with #C1882C

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

Preview Lab → · Contrast checker → · Palette generator →

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