HEX Color #D3FF66 (Yellowgreen)

About #D3FF66

Visually, #D3FF66 is defined as a vivid green. If you're using CSS, you might find it aligns closely with Yellowgreen. Its digital footprint relies on 211 parts red, 255 parts green, and 102 parts blue light.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). To reproduce this shade on paper, a printer utilizes 17% 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. To prevent eye strain, #000000 text pairs best with this hex code. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#D3FF66

RGB211, 255, 102

HSL77.3°, 100.0%, 70.0%

CMYK17%, 0%, 60%, 0%

HSV77.3°, 60.0%, 100.0%

LAB94.5, -35.5, 66.7

XYZ65.0, 86.3, 25.8

Decimal13893478

Color Harmonies

Complementary

#D3FF66 #9165FF

Analogous

#FFDE65 #86FF65

Triadic

#65D3FF #FF65D3

Tetradic

#65FFDE #9165FF #FF6586

Tints, Shades & Tones

Tints (Adding White)

#D3FF66

#D7FF77

#DCFF88

#E1FF99

#E6FFAA

#EBFFBB

#F0FFCC

#F5FFDD

#FAFFEE

#FFFFFF

Shades (Adding Black)

#D3FF66

#BBE25A

#A4C64F

#8CAA44

#758D38

#5D712D

#465522

#2E3816

#171C0B

#000000

WCAG Contrast Accessibility

1.15:1

Text on #FFFFFF

FAIL

18.27:1

Text on #000000

AAA

1.10:1

Text on #F8FAFC

FAIL

15.53:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #D3FF66; }

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

Similar Colors

Yellowgreen

#9ACD32