#CE7963#CE7963

#CE7963 is a light, moderate red. Relative luminance 0.277; OKLCH L 66.4% C 0.112 H 35.4°. Best body text is #000000 at 6.54:1 contrast (WCAG AA passes).

Color values

HEX#CE7963
RGBrgb(206, 121, 99)
HSLhsl(12, 52%, 60%)
HSVhsv(12, 52%, 81%)
CMYKcmyk(0%, 41.3%, 51.9%, 19.2%)
CIE-LABlab(59.62, 30.89, 26.33)
CIE-LCHlch(59.62, 40.59, 40.45°)
OKLaboklab(66.35% 0.0911 0.0647)
OKLCHoklch(66.35% 0.112 35.4)
XYZxyz(34.5453, 27.7007, 15.3294)
Luminance0.2770 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#CE7963 #63B8CE
analogous
#CE6383 #CE7963 #CEAE63
triadic
#CE7963 #63CE79 #7963CE
tetradic
#CE7963 #83CE63 #63B8CE #AE63CE
square
#CE7963 #83CE63 #63B8CE #AE63CE
split-complementary
#CE7963 #63CEAE #6383CE
monochromatic
#8B3F2C #BA543A #CE7963 #DDA192 #EBC9C0

Accessibility & contrast

On white

3.21
#CE7963 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.54
#CE7963 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #CE7963
6.54:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##CE7963#FFFFFF#000000##000000
##CE79631.003.216.546.54
#FFFFFF3.211.0021.0021.00
#0000006.5421.001.001.00
##0000006.5421.001.001.00

Color blindness preview

Protanopia (red-blind)
#8E8561
Deuteranopia (green-blind)
#A29762
Tritanopia (blue-blind)
#DF6B73
Achromatopsia (no color)
#909090

Design tokens & code

CSS
--color: #ce7963;
/* rgb */ color: rgb(206, 121, 99);
/* oklch */ color: oklch(66.4% 0.112 35.4);
Tailwind
colors: {
  custom: {
    50: '#e1a08f',
    500: '#ce7963',
    950: '#000000',
  },
}
SCSS
$custom: #ce7963;
$custom-light: #e1a08f;
$custom-dark: #000000;
JSON
{
  "hex": "#ce7963",
  "rgb": {
    "r": 206,
    "g": 121,
    "b": 99
  },
  "hsl": {
    "h": 12.336,
    "s": 52.195,
    "l": 59.804
  },
  "oklch": {
    "l": 0.66353,
    "c": 0.11176,
    "h": 35.4
  },
  "luminance": 0.27697
}

Semantic roles & 50–950 ramp

primary
#CE7963
secondary
#B2D3DB
accent
#BEDC4C
background
#FEF9F8
surface
#FCF2F0
border
#D5CCCB
text
#160F0C
muted
#847E7D

Preview Lab

Preview with #CE7963

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

Preview Lab → · Contrast checker → · Palette generator →

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