#C07451#C07451

#C07451 is a light, moderate orange. Relative luminance 0.243; OKLCH L 63.4% C 0.108 H 45.0°. Best body text is #000000 at 5.86:1 contrast (WCAG AA passes).

Color values

HEX#C07451
RGBrgb(192, 116, 81)
HSLhsl(19, 47%, 54%)
HSVhsv(19, 58%, 75%)
CMYKcmyk(0%, 39.6%, 57.8%, 24.7%)
CIE-LABlab(56.38, 26.43, 31.87)
CIE-LCHlch(56.38, 41.41, 50.33°)
OKLaboklab(63.39% 0.0762 0.0763)
OKLCHoklch(63.39% 0.108 45)
XYZxyz(29.4709, 24.2941, 10.9201)
Luminance0.2429 (WCAG relative)
Temperaturewarm
Familyorange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#C07451 #519DC0
analogous
#C05165 #C07451 #C0AB51
triadic
#C07451 #51C074 #7451C0
tetradic
#C07451 #65C051 #519DC0 #AB51C0
square
#C07451 #65C051 #519DC0 #AB51C0
split-complementary
#C07451 #51C0AB #5165C0
monochromatic
#6F3E28 #9B5838 #C07451 #D0987E #E1BCAB

Accessibility & contrast

On white

3.58
#C07451 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

5.86
#C07451 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C07451
5.86:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##C07451#FFFFFF#000000##000000
##C074511.003.585.865.86
#FFFFFF3.581.0021.0021.00
#0000005.8621.001.001.00
##0000005.8621.001.001.00

Color blindness preview

Protanopia (red-blind)
#887D4E
Deuteranopia (green-blind)
#9A8E50
Tritanopia (blue-blind)
#D0666B
Achromatopsia (no color)
#878787

Design tokens & code

CSS
--color: #c07451;
/* rgb */ color: rgb(192, 116, 81);
/* oklch */ color: oklch(63.4% 0.108 45.0);
Tailwind
colors: {
  custom: {
    50: '#d79c82',
    500: '#c07451',
    950: '#000000',
  },
}
SCSS
$custom: #c07451;
$custom-light: #d79c82;
$custom-dark: #000000;
JSON
{
  "hex": "#c07451",
  "rgb": {
    "r": 192,
    "g": 116,
    "b": 81
  },
  "hsl": {
    "h": 18.919,
    "s": 46.835,
    "l": 53.529
  },
  "oklch": {
    "l": 0.63386,
    "c": 0.10787,
    "h": 45
  },
  "luminance": 0.24291
}

Semantic roles & 50–950 ramp

primary
#C07451
secondary
#9FBFCE
accent
#ACD651
background
#FDF9F8
surface
#FBF2EF
border
#D4CCCA
text
#150E0A
muted
#837E7C

Preview Lab

Preview with #C07451

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

Preview Lab → · Contrast checker → · Palette generator →

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