HEX Color #BDD32C (Yellowgreen)

About #BDD32C

The precise color #BDD32C is an excellent choice for modern design projects. If you're using CSS, you might find it aligns closely with Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 211, and 44.

Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 10% C, 0% M, 79% Y, and 17% K. Always request a physical proof before doing a large print run with this exact code.

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#BDD32C

RGB189, 211, 44

HSL67.9°, 65.5%, 50.0%

CMYK10%, 0%, 79%, 17%

HSV67.9°, 79.1%, 82.7%

LAB80.5, -27.1, 72.9

XYZ44.7, 57.6, 11.1

Decimal12440364

Color Harmonies

Complementary

#BDD32C #412CD3

Analogous

#D3952C #69D32C

Triadic

#2CBCD3 #D32CBD

Tetradic

#2CD395 #412CD3 #D32C69

Tints, Shades & Tones

Tints (Adding White)

#BDD32C

#C4D743

#CBDC5A

#D3E172

#DAE689

#E1EBA1

#E9F0B8

#F0F5D0

#F7FAE7

#FFFFFF

Shades (Adding Black)

#BDD32C

#A8BB27

#93A422

#7E8C1D

#697518

#545D13

#3F460E

#2A2E09

#151704

#000000

WCAG Contrast Accessibility

1.68:1

Text on #FFFFFF

FAIL

12.52:1

Text on #000000

AAA

1.60:1

Text on #F8FAFC

FAIL

10.64:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDD32C; }

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

Similar Colors

Yellowgreen

#9ACD32