#BDC500
A dark, vivid yellow closely aligning with Yellowgreen.
About #BDC500
Visually, #BDC500 is defined as a vivid yellow. Designers often compare it to the standard color Yellowgreen. Its digital footprint relies on 189 parts red, 197 parts green, and 0 parts blue light.
While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). The color uses 4% Cyan, 0% Magenta, 100% Yellow, and 23% Black. The HSL representation is 62.4° hue, 100.0% saturation, and 38.6% lightness.
When using this color as a background, text legibility must be considered. 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#BDC500
RGB189, 197, 0
HSL62.4°, 100.0%, 38.6%
CMYK4%, 0%, 100%, 23%
HSV62.4°, 100.0%, 77.3%
LAB76.5, -21.2, 77.0
XYZ41.0, 50.8, 7.6
Decimal12436736
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.88:1
Text on #FFFFFF
FAIL
11.15:1
Text on #000000
AAA
1.80:1
Text on #F8FAFC
FAIL
9.48:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #BDC500;
}
.text-color {
color: #BDC500;
}
.border-color {
border: 2px solid #BDC500;
}