HEX Color #BDE200 (Yellowgreen)

About #BDE200

Visually, #BDE200 is defined as a vivid yellow. It is closely associated with the named CSS color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 226, and 0.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 16% Cyan, 0% Magenta, 100% Yellow, and 11% Black. Always request a physical proof before doing a large print run with this exact code.

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. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BDE200

RGB189, 226, 0

HSL69.8°, 100.0%, 44.3%

CMYK16%, 0%, 100%, 11%

HSV69.8°, 100.0%, 88.6%

LAB84.6, -34.9, 83.1

XYZ48.2, 65.2, 10.0

Decimal12444160

Color Harmonies

Complementary

#BDE200 #2400E2

Analogous

#E29500 #4CE200

Triadic

#00BDE2 #E200BD

Tetradic

#00E296 #2400E2 #E2004C

Tints, Shades & Tones

Tints (Adding White)

#BDE200

#C4E51C

#CBE838

#D3EB55

#DAEE71

#E1F28D

#E9F5AA

#F0F8C6

#F7FBE2

#FFFFFF

Shades (Adding Black)

#BDE200

#A8C800

#93AF00

#7E9600

#697D00

#546400

#3F4B00

#2A3200

#151900

#000000

WCAG Contrast Accessibility

1.50:1

Text on #FFFFFF

FAIL

14.04:1

Text on #000000

AAA

1.43:1

Text on #F8FAFC

FAIL

11.94:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDE200; }

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

Similar Colors

Yellowgreen

#9ACD32