HEX Color #D3E2D3 (Gainsboro)

About #D3E2D3

The hex code #D3E2D3 represents a beautifully specific shade of green. Its closest recognized web color is Gainsboro. To achieve this exact tint on a monitor, you would use an RGB mix of 211, 226, and 211.

If you are designing for print, the four-color process is what matters most. This specific hue requires a mix of 7% C, 0% M, 7% Y, and 11% K. With a hue angle of 120.0 degrees, it sits comfortably in the green spectrum.

From a UX and accessibility standpoint, contrast is paramount. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D3E2D3

RGB211, 226, 211

HSL120.0°, 20.5%, 85.7%

CMYK7%, 0%, 7%, 11%

HSV120.0°, 6.6%, 88.6%

LAB88.4, -7.7, 5.6

XYZ65.8, 72.9, 72.2

Decimal13886163

Color Harmonies

Complementary

#D3E2D3 #E2D3E2

Analogous

#DAE2D3 #D3E2DA

Triadic

#D3D3E2 #E2D3D3

Tetradic

#D3DAE2 #E2D3E2 #E2DAD3

Tints, Shades & Tones

Tints (Adding White)

#D3E2D3

#D7E5D7

#DCE8DC

#E1EBE1

#E6EEE6

#EBF2EB

#F0F5F0

#F5F8F5

#FAFBFA

#FFFFFF

Shades (Adding Black)

#D3E2D3

#BBC8BB

#A4AFA4

#8C968C

#757D75

#5D645D

#464B46

#2E322E

#171917

#000000

WCAG Contrast Accessibility

1.35:1

Text on #FFFFFF

FAIL

15.59:1

Text on #000000

AAA

1.29:1

Text on #F8FAFC

FAIL

13.25:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D3E2D3; }

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

Similar Colors

Gainsboro

#DCDCDC