#DE6855#DE6855

#DE6855 is a light, vivid red. Relative luminance 0.261; OKLCH L 65.6% C 0.152 H 30.9°. Best body text is #000000 at 6.22:1 contrast (WCAG AA passes).

Color values

HEX#DE6855
RGBrgb(222, 104, 85)
HSLhsl(8, 67%, 60%)
HSVhsv(8, 62%, 87%)
CMYKcmyk(0%, 53.2%, 61.7%, 12.9%)
CIE-LABlab(58.12, 44.66, 32.73)
CIE-LCHlch(58.12, 55.36, 36.24°)
OKLaboklab(65.6% 0.1301 0.0779)
OKLCHoklch(65.6% 0.152 30.9)
XYZxyz(36.7174, 26.0905, 11.6950)
Luminance0.2609 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DE6855 #55CBDE
analogous
#DE5587 #DE6855 #DEAC55
triadic
#DE6855 #55DE68 #6855DE
tetradic
#DE6855 #87DE55 #55CBDE #AC55DE
square
#DE6855 #87DE55 #55CBDE #AC55DE
split-complementary
#DE6855 #55DEAC #5587DE
monochromatic
#9B2F1E #CE3F28 #DE6855 #E89688 #F2C3BC

Accessibility & contrast

On white

3.38
#DE6855 on #FFFFFF
AA ✗AA large ✓AAA ✗

On black

6.22
#DE6855 on #000000
AA ✓AA large ✓AAA ✗

Best text color

#000000 on #DE6855
6.22:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DE6855#FFFFFF#000000##000000
##DE68551.003.386.226.22
#FFFFFF3.381.0021.0021.00
#0000006.2221.001.001.00
##0000006.2221.001.001.00

Color blindness preview

Protanopia (red-blind)
#867C53
Deuteranopia (green-blind)
#A39552
Tritanopia (blue-blind)
#F25264
Achromatopsia (no color)
#8C8C8C

Design tokens & code

CSS
--color: #de6855;
/* rgb */ color: rgb(222, 104, 85);
/* oklch */ color: oklch(65.6% 0.152 30.9);
Tailwind
colors: {
  custom: {
    50: '#ee9685',
    500: '#de6855',
    950: '#000000',
  },
}
SCSS
$custom: #de6855;
$custom-light: #ee9685;
$custom-dark: #000000;
JSON
{
  "hex": "#de6855",
  "rgb": {
    "r": 222,
    "g": 104,
    "b": 85
  },
  "hsl": {
    "h": 8.321,
    "s": 67.488,
    "l": 60.196
  },
  "oklch": {
    "l": 0.65595,
    "c": 0.15166,
    "h": 30.9
  },
  "luminance": 0.26086
}

Semantic roles & 50–950 ramp

primary
#DE6855
secondary
#ADDAE2
accent
#B6CF16
background
#FFF9F8
surface
#FFF2EF
border
#D7CCCA
text
#180E0B
muted
#867E7C

Preview Lab

Preview with #DE6855

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

Preview Lab → · Contrast checker → · Palette generator →

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