#C07F52#C07F52

#C07F52 is a light, moderate orange. Relative luminance 0.270; OKLCH L 65.4% C 0.101 H 54.7°. Best body text is #000000 at 6.40:1 contrast (WCAG AA passes).

Color values

HEX	#C07F52
RGB	rgb(192, 127, 82)
HSL	hsl(25, 47%, 54%)
HSV	hsv(25, 57%, 75%)
CMYK	cmyk(0%, 33.9%, 57.3%, 24.7%)
CIE-LAB	lab(58.97, 20.47, 34.54)
CIE-LCH	lch(58.97, 40.15, 59.34°)
OKLab	oklab(65.39% 0.0584 0.0824)
OKLCH	oklch(65.39% 0.101 54.7)
XYZ	xyz(30.8525, 26.9970, 11.5670)
Luminance	0.2699 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C07F52 #5293C0

analogous

#C0525C #C07F52 #C0B652

triadic

#C07F52 #52C07F #7F52C0

tetradic

#C07F52 #5CC052 #5293C0 #B652C0

square

#C07F52 #5CC052 #5293C0 #B652C0

split-complementary

#C07F52 #52C0B6 #525CC0

monochromatic

#6F4528 #9C6139 #C07F52 #D0A07F #E1C1AC

Accessibility & contrast

On white

3.28

#C07F52 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

6.40

#C07F52 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C07F52

6.40:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C07F52	#FFFFFF	#000000	##000000
##C07F52	1.00	3.28	6.40	6.40
#FFFFFF	3.28	1.00	21.00	21.00
#000000	6.40	21.00	1.00	1.00
##000000	6.40	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#92854E

Deuteranopia (green-blind)

#A19452

Tritanopia (blue-blind)

#D07274

Achromatopsia (no color)

#8E8E8E

Design tokens & code

CSS

--color: #c07f52;
/* rgb */ color: rgb(192, 127, 82);
/* oklch */ color: oklch(65.4% 0.101 54.7);

Tailwind

colors: {
  custom: {
    50: '#d7a483',
    500: '#c07f52',
    950: '#000000',
  },
}

SCSS

$custom: #c07f52;
$custom-light: #d7a483;
$custom-dark: #000000;

JSON

{
  "hex": "#c07f52",
  "rgb": {
    "r": 192,
    "g": 127,
    "b": 82
  },
  "hsl": {
    "h": 24.545,
    "s": 46.61,
    "l": 53.725
  },
  "oklch": {
    "l": 0.65392,
    "c": 0.10096,
    "h": 54.7
  },
  "luminance": 0.26994
}

Semantic roles & 50–950 ramp

primary

#C07F52

secondary

#9FBBCE

accent

#A0D652

background

#FDFAF8

surface

#FBF4EF

border

#D4CECA

text

#150F0B

muted

#837F7C

Preview Lab

Preview with #C07F52

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

Preview Lab → · Contrast checker → · Palette generator →