HEX Color #D3E9C5 (Lightgoldenrodyellow)

About #D3E9C5

At its core, #D3E9C5 is a very light and moderate hue. Designers often compare it to the standard color Lightgoldenrodyellow. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 233, and 197.

When sending designs containing this color to a printer, the CMYK values come into play. This specific hue requires a mix of 9% C, 0% M, 15% Y, and 9% K. The HSL representation is 96.7° hue, 45.0% saturation, and 84.3% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a very light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D3E9C5

RGB211, 233, 197

HSL96.7°, 45.0%, 84.3%

CMYK9%, 0%, 15%, 9%

HSV96.7°, 15.5%, 91.4%

LAB89.9, -13.7, 15.1

XYZ66.1, 76.2, 64.0

Decimal13887941

Color Harmonies

Complementary

#D3E9C5 #DBC5E8

Analogous

#E4E8C5 #C5E8C9

Triadic

#C5D3E8 #E8C5D3

Tetradic

#C5E4E8 #DBC5E8 #E8C9C5

Tints, Shades & Tones

Tints (Adding White)

#D3E9C5

#D7EBCB

#DCEDD1

#E1F0D8

#E6F2DE

#EBF5E5

#F0F7EB

#F5FAF2

#FAFCF8

#FFFFFF

Shades (Adding Black)

#D3E9C5

#BBCFAF

#A4B599

#8C9B83

#75816D

#5D6757

#464D41

#2E332B

#171915

#000000

WCAG Contrast Accessibility

1.29:1

Text on #FFFFFF

FAIL

16.23:1

Text on #000000

AAA

1.24:1

Text on #F8FAFC

FAIL

13.80:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #D3E9C5; }

.text-color { color: #D3E9C5; }

.border-color { border: 2px solid #D3E9C5; }

Similar Colors

Lightgoldenrodyellow

#FAFAD2