#DFDBB7#DFDBB7

#DFDBB7 is a very light, muted yellow. Relative luminance 0.698; OKLCH L 88.5% C 0.048 H 102.1°. Best body text is #000000 at 14.95:1 contrast (WCAG AA passes).

Color values

HEX#DFDBB7
RGBrgb(223, 219, 183)
HSLhsl(54, 38%, 80%)
HSVhsv(54, 18%, 87%)
CMYKcmyk(0%, 1.8%, 17.9%, 12.5%)
CIE-LABlab(86.88, -4.52, 18.23)
CIE-LCHlch(86.88, 18.78, 103.91°)
OKLaboklab(88.53% -0.01 0.0468)
OKLCHoklch(88.53% 0.048 102.1)
XYZxyz(64.3097, 69.7707, 54.8698)
Luminance0.6977 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DFDBB7 #B7BBDF
analogous
#DFC7B7 #DFDBB7 #CFDFB7
triadic
#DFDBB7 #B7DFDB #DBB7DF
tetradic
#DFDBB7 #B7DFC7 #B7BBDF #DFB7CF
square
#DFDBB7 #B7DFC7 #B7BBDF #DFB7CF
split-complementary
#DFDBB7 #B7CFDF #C7B7DF
monochromatic
#B9B162 #CCC68D #DFDBB7 #F2F0E1 #F6F4EA

Accessibility & contrast

On white

1.40
#DFDBB7 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

14.95
#DFDBB7 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DFDBB7
14.95:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DFDBB7#FFFFFF#000000##000000
##DFDBB71.001.4014.9514.95
#FFFFFF1.401.0021.0021.00
#00000014.9521.001.001.00
##00000014.9521.001.001.00

Color blindness preview

Protanopia (red-blind)
#E2D8B5
Deuteranopia (green-blind)
#E4DBB8
Tritanopia (blue-blind)
#E6D6D1
Achromatopsia (no color)
#DADADA

Design tokens & code

CSS
--color: #dfdbb7;
/* rgb */ color: rgb(223, 219, 183);
/* oklch */ color: oklch(88.5% 0.048 102.1);
Tailwind
colors: {
  custom: {
    50: '#e9e6cc',
    500: '#dfdbb7',
    950: '#000000',
  },
}
SCSS
$custom: #dfdbb7;
$custom-light: #e9e6cc;
$custom-dark: #000000;
JSON
{
  "hex": "#dfdbb7",
  "rgb": {
    "r": 223,
    "g": 219,
    "b": 183
  },
  "hsl": {
    "h": 54,
    "s": 38.462,
    "l": 79.608
  },
  "oklch": {
    "l": 0.88534,
    "c": 0.0479,
    "h": 102.1
  },
  "luminance": 0.6977
}

Semantic roles & 50–950 ramp

primary
#DFDBB7
secondary
#8388B7
accent
#41B134
background
#FEFEFE
surface
#FDFCFA
border
#D5D5D3
text
#161513
muted
#848483

Preview Lab

Preview with #DFDBB7

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

Preview Lab → · Contrast checker → · Palette generator →

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