#DBCF6F#DBCF6F

#DBCF6F is a very light, moderate yellow. Relative luminance 0.608; OKLCH L 84.4% C 0.119 H 102.2°. Best body text is #000000 at 13.17:1 contrast (WCAG AA passes).

Color values

HEX	#DBCF6F
RGB	rgb(219, 207, 111)
HSL	hsl(53, 60%, 65%)
HSV	hsv(53, 49%, 86%)
CMYK	cmyk(0%, 5.5%, 49.3%, 14.1%)
CIE-LAB	lab(82.29, -8.54, 48.80)
CIE-LCH	lch(82.29, 49.54, 99.92°)
OKLab	oklab(84.44% -0.0251 0.1159)
OKLCH	oklch(84.44% 0.119 102.2)
XYZ	xyz(54.3970, 60.8352, 23.9128)
Luminance	0.6083 (WCAG relative)
Temperature	warm
Family	yellow

Closest named colors

Perceptual scales

Shades

Tints

Tones

OKLCH scale

Color harmonies

complementary

#DBCF6F #6F7BDB

analogous

#DB996F #DBCF6F #B1DB6F

triadic

#DBCF6F #6FDBCF #CF6FDB

tetradic

#DBCF6F #6FDB99 #6F7BDB #DB6FB1

square

#DBCF6F #6FDB99 #6F7BDB #DB6FB1

split-complementary

#DBCF6F #6FB1DB #996FDB

monochromatic

#A6982A #CFBF3E #DBCF6F #E7DFA0 #F3F0D1

Accessibility & contrast

On white

1.59

#DBCF6F on #FFFFFF

AA ✗AA large ✗AAA ✗

On black

13.17

#DBCF6F on #000000

AA ✓AA large ✓AAA ✓

Best text color

#000000 on #DBCF6F

13.17:1 — WCAG AA (normal text) passes

Contrast matrix

fg \ bg	##DBCF6F	#FFFFFF	#000000	##000000
##DBCF6F	1.00	1.59	13.17	13.17
#FFFFFF	1.59	1.00	21.00	21.00
#000000	13.17	21.00	1.00	1.00
##000000	13.17	21.00	1.00	1.00

Color blindness preview

Protanopia (red-blind)

#DECA67

Deuteranopia (green-blind)

#E2CF73

Tritanopia (blue-blind)

#E9C3B9

Achromatopsia (no color)

#CDCDCD

Design tokens & code

CSS

--color: #dbcf6f;
/* rgb */ color: rgb(219, 207, 111);
/* oklch */ color: oklch(84.4% 0.119 102.2);

Tailwind

colors: {
  custom: {
    50: '#e8dd9a',
    500: '#dbcf6f',
    950: '#000000',
  },
}

SCSS

$custom: #dbcf6f;
$custom-light: #e8dd9a;
$custom-dark: #000000;

JSON

{
  "hex": "#dbcf6f",
  "rgb": {
    "r": 219,
    "g": 207,
    "b": 111
  },
  "hsl": {
    "h": 53.333,
    "s": 60,
    "l": 64.706
  },
  "oklch": {
    "l": 0.84438,
    "c": 0.1186,
    "h": 102.2
  },
  "luminance": 0.60833
}

Semantic roles & 50–950 ramp

primary

#DBCF6F

secondary

#4550A9

accent

#31C81E

background

#FFFEFC

surface

#FEFCF5

border

#D6D5CF

text

#16150E

muted

#85847F

Preview Lab

Preview with #DBCF6F

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

Preview Lab → · Contrast checker → · Palette generator →