#C27353#C27353

#C27353 is a light, moderate orange. Relative luminance 0.244; OKLCH L 63.5% C 0.110 H 42.5°. Best body text is #000000 at 5.87:1 contrast (WCAG AA passes).

Color values

HEX	#C27353
RGB	rgb(194, 115, 83)
HSL	hsl(17, 48%, 54%)
HSV	hsv(17, 57%, 76%)
CMYK	cmyk(0%, 40.7%, 57.2%, 23.9%)
CIE-LAB	lab(56.44, 27.95, 30.90)
CIE-LCH	lch(56.44, 41.67, 47.87°)
OKLab	oklab(63.5% 0.081 0.0743)
OKLCH	oklch(63.5% 0.11 42.5)
XYZ	xyz(29.9423, 24.3582, 11.3066)
Luminance	0.2435 (WCAG relative)
Temperature	warm
Family	orange

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#C27353 #53A2C2

analogous

#C2536B #C27353 #C2AA53

triadic

#C27353 #53C273 #7353C2

tetradic

#C27353 #6BC253 #53A2C2 #AA53C2

square

#C27353 #6BC253 #53A2C2 #AA53C2

split-complementary

#C27353 #53C2AA #536BC2

monochromatic

#723E28 #9F5638 #C27353 #D29880 #E2BDAD

Accessibility & contrast

On white

3.58

#C27353 on #FFFFFF

AA ✗AA large ✓AAA ✗

On black

5.87

#C27353 on #000000

AA ✓AA large ✓AAA ✗

Best text color

#000000 on #C27353

5.87:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##C27353	#FFFFFF	#000000	##000000
##C27353	1.00	3.58	5.87	5.87
#FFFFFF	3.58	1.00	21.00	21.00
#000000	5.87	21.00	1.00	1.00
##000000	5.87	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#887D50

Deuteranopia (green-blind)

#9B8E52

Tritanopia (blue-blind)

#D3656B

Achromatopsia (no color)

#878787

Design tokens & code

CSS

--color: #c27353;
/* rgb */ color: rgb(194, 115, 83);
/* oklch */ color: oklch(63.5% 0.110 42.5);

Tailwind

colors: {
  custom: {
    50: '#d89c84',
    500: '#c27353',
    950: '#000000',
  },
}

SCSS

$custom: #c27353;
$custom-light: #d89c84;
$custom-dark: #000000;

JSON

{
  "hex": "#c27353",
  "rgb": {
    "r": 194,
    "g": 115,
    "b": 83
  },
  "hsl": {
    "h": 17.297,
    "s": 47.639,
    "l": 54.314
  },
  "oklch": {
    "l": 0.635,
    "c": 0.10987,
    "h": 42.5
  },
  "luminance": 0.24355
}

Semantic roles & 50–950 ramp

primary

#C27353

secondary

#A1C2D0

accent

#B0D751

background

#FDF9F8

surface

#FBF2EF

border

#D4CCCA

text

#150E0B

muted

#837E7C

Preview Lab

Preview with #C27353

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

Preview Lab → · Contrast checker → · Palette generator →