#DECBCB#DECBCB

#DECBCB is a very light, muted red. Relative luminance 0.626; OKLCH L 85.8% C 0.021 H 17.6°. Best body text is #000000 at 13.51:1 contrast (WCAG AA passes).

Color values

HEX#DECBCB
RGBrgb(222, 203, 203)
HSLhsl(0, 22%, 83%)
HSVhsv(0, 9%, 87%)
CMYKcmyk(0%, 8.6%, 8.6%, 12.9%)
CIE-LABlab(83.21, 6.62, 2.40)
CIE-LCHlch(83.21, 7.04, 19.94°)
OKLaboklab(85.77% 0.0203 0.0064)
OKLCHoklch(85.77% 0.021 17.6)
XYZxyz(62.2586, 62.5542, 65.2828)
Luminance0.6255 (WCAG relative)
Temperaturewarm
Familyred

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DECBCB #CBDEDE
analogous
#DECBD4 #DECBCB #DED4CB
triadic
#DECBCB #CBDECB #CBCBDE
tetradic
#DECBCB #D4DECB #CBDEDE #D4CBDE
square
#DECBCB #D4DECB #CBDEDE #D4CBDE
split-complementary
#DECBCB #CBDED4 #CBD4DE
monochromatic
#AE8080 #C6A6A6 #DECBCB #F3ECEC #F3ECEC

Accessibility & contrast

On white

1.55
#DECBCB on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

13.51
#DECBCB on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DECBCB
13.51:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DECBCB#FFFFFF#000000##000000
##DECBCB1.001.5513.5113.51
#FFFFFF1.551.0021.0021.00
#00000013.5121.001.001.00
##00000013.5121.001.001.00

Color blindness preview

Protanopia (red-blind)
#CECDCB
Deuteranopia (green-blind)
#D2D1CB
Tritanopia (blue-blind)
#E3C9CB
Achromatopsia (no color)
#CFCFCF

Design tokens & code

CSS
--color: #decbcb;
/* rgb */ color: rgb(222, 203, 203);
/* oklch */ color: oklch(85.8% 0.021 17.6);
Tailwind
colors: {
  custom: {
    50: '#e8dada',
    500: '#decbcb',
    950: '#000000',
  },
}
SCSS
$custom: #decbcb;
$custom-light: #e8dada;
$custom-dark: #000000;
JSON
{
  "hex": "#decbcb",
  "rgb": {
    "r": 222,
    "g": 203,
    "b": 203
  },
  "hsl": {
    "h": 0,
    "s": 22.353,
    "l": 83.333
  },
  "oklch": {
    "l": 0.85774,
    "c": 0.02132,
    "h": 17.6
  },
  "luminance": 0.62553
}

Semantic roles & 50–950 ramp

primary
#DECBCB
secondary
#99B4B4
accent
#A1A145
background
#FEFEFE
surface
#FCFBFB
border
#D5D4D4
text
#161414
muted
#848383

Preview Lab

Preview with #DECBCB

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

Preview Lab → · Contrast checker → · Palette generator →

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