#BADF20
A medium, vivid yellow closely aligning with Yellowgreen.
About #BADF20
Visually, #BADF20 is defined as a vivid yellow. Designers often compare it to the standard color Yellowgreen. To achieve this exact tint on a monitor, you would use an RGB mix of 186, 223, and 32.
Translating this color to physical media requires the CMYK color model. This specific hue requires a mix of 17% C, 0% M, 86% Y, and 13% K. With a hue angle of 71.6 degrees, it sits comfortably in the yellow spectrum.
Contrast ratios determine whether this color is safe for typography. The calculated luminance score dictates that #000000 typography is the safest choice. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.
Color Space Conversions
HEX#BADF20
RGB186, 223, 32
HSL71.6°, 74.9%, 50.0%
CMYK17%, 0%, 86%, 13%
HSV71.6°, 85.7%, 87.5%
LAB83.6, -34.3, 78.3
XYZ46.9, 63.3, 11.1
Decimal12246816
Color Harmonies
Tints, Shades & Tones
Tints (Adding White)
Shades (Adding Black)
WCAG Contrast Accessibility
1.54:1
Text on #FFFFFF
FAIL
13.66:1
Text on #000000
AAA
1.47:1
Text on #F8FAFC
FAIL
11.62:1
Text on #0F172A
AAA
CSS Implementation
.bg-color {
background-color: #BADF20;
}
.text-color {
color: #BADF20;
}
.border-color {
border: 2px solid #BADF20;
}