HEX Color #D3F0CC (Lightgoldenrodyellow)

About #D3F0CC

The precise color #D3F0CC is an excellent choice for modern design projects. It is closely associated with the named CSS color Lightgoldenrodyellow. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 240, and 204.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 12% cyan and 0% magenta inks. This makes it a relatively light color when applied to physical surfaces.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#D3F0CC

RGB211, 240, 204

HSL108.3°, 54.5%, 87.1%

CMYK12%, 0%, 15%, 6%

HSV108.3°, 15.0%, 94.1%

LAB91.9, -16.0, 14.3

XYZ68.9, 80.5, 69.0

Decimal13889740

Color Harmonies

Complementary

#D3F0CC #E9CBF0

Analogous

#E4F0CB #CBF0D7

Triadic

#CBD2F0 #F0CBD3

Tetradic

#CBE4F0 #E9CBF0 #F0D7CB

Tints, Shades & Tones

Tints (Adding White)

#D3F0CC

#D7F1D1

#DCF3D7

#E1F5DD

#E6F6E2

#EBF8E8

#F0FAEE

#F5FBF3

#FAFDF9

#FFFFFF

Shades (Adding Black)

#D3F0CC

#BBD5B5

#A4BA9E

#8CA088

#758571

#5D6A5A

#465044

#2E352D

#171A16

#000000

WCAG Contrast Accessibility

1.23:1

Text on #FFFFFF

FAIL

17.11:1

Text on #000000

AAA

1.17:1

Text on #F8FAFC

FAIL

14.54:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D3F0CC; }

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

Similar Colors

Lightgoldenrodyellow

#FAFAD2