#DBCA75#DBCA75

#DBCA75 is a very light, moderate yellow. Relative luminance 0.586; OKLCH L 83.5% C 0.108 H 98.3°. Best body text is #000000 at 12.72:1 contrast (WCAG AA passes).

Color values

HEX#DBCA75
RGBrgb(219, 202, 117)
HSLhsl(50, 59%, 66%)
HSVhsv(50, 47%, 86%)
CMYKcmyk(0%, 7.8%, 46.6%, 14.1%)
CIE-LABlab(81.06, -5.43, 44.37)
CIE-LCHlch(81.06, 44.70, 96.97°)
OKLaboklab(83.49% -0.0155 0.1066)
OKLCHoklch(83.49% 0.108 98.3)
XYZxyz(53.5463, 58.5874, 25.3141)
Luminance0.5858 (WCAG relative)
Temperaturewarm
Familyyellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary
#DBCA75 #7586DB
analogous
#DB9775 #DBCA75 #B9DB75
triadic
#DBCA75 #75DBCA #CA75DB
tetradic
#DBCA75 #75DB97 #7586DB #DB75B9
square
#DBCA75 #75DB97 #7586DB #DB75B9
split-complementary
#DBCA75 #75B9DB #9775DB
monochromatic
#A9952C #CEB744 #DBCA75 #E8DDA6 #F4EFD6

Accessibility & contrast

On white

1.65
#DBCA75 on #FFFFFF
AA ✗AA large ✗AAA ✗

On black

12.72
#DBCA75 on #000000
AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DBCA75
12.72:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg##DBCA75#FFFFFF#000000##000000
##DBCA751.001.6512.7212.72
#FFFFFF1.651.0021.0021.00
#00000012.7221.001.001.00
##00000012.7221.001.001.00

Color blindness preview

Protanopia (red-blind)
#D9C66E
Deuteranopia (green-blind)
#DECC78
Tritanopia (blue-blind)
#E9BFB6
Achromatopsia (no color)
#C9C9C9

Design tokens & code

CSS
--color: #dbca75;
/* rgb */ color: rgb(219, 202, 117);
/* oklch */ color: oklch(83.5% 0.108 98.3);
Tailwind
colors: {
  custom: {
    50: '#e8d99e',
    500: '#dbca75',
    950: '#000000',
  },
}
SCSS
$custom: #dbca75;
$custom-light: #e8d99e;
$custom-dark: #000000;
JSON
{
  "hex": "#dbca75",
  "rgb": {
    "r": 219,
    "g": 202,
    "b": 117
  },
  "hsl": {
    "h": 50,
    "s": 58.621,
    "l": 65.882
  },
  "oklch": {
    "l": 0.8349,
    "c": 0.10772,
    "h": 98.3
  },
  "luminance": 0.58585
}

Semantic roles & 50–950 ramp

primary
#DBCA75
secondary
#4859AC
accent
#3BC61F
background
#FEFEFC
surface
#FDFBF5
border
#D5D4CF
text
#16140E
muted
#84837F

Preview Lab

Preview with #DBCA75

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

Preview Lab → · Contrast checker → · Palette generator →

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