Recognised as Colour
#BAD71E
- #BAD71E
- Yellow
- Light
- Nearest: Yellow green
#BAD71E is a yellow with RGB values 186, 215, 30 and HSL 69°, 76%, 48%. It is a light colour, so black text on it reaches 12.8:1 contrast (AAA for normal text). The nearest named colour is Yellow green.
Colour values
#BAD71E#BAD71E
HEX#BAD71E
RGBrgb(186, 215, 30)
RGB (0–1)0.7294, 0.8431, 0.1176
RGB percentages72.9%, 84.3%, 11.8%
HSLhsl(69.4, 75.5%, 48%)
HSV / HSBhsv(69.4, 86%, 84.3%)
CMYK13.5%, 0%, 86%, 15.7%≈naive device-independent conversion; real print needs an ICC profile
24-bit integer12,244,766
CSS custom property--colour: #BAD71E;
Brightness & contrast
Relative luminance0.59134WCAG 2.x, 0 is black and 1 is white
Perceived brightness193.9 of 255ITU-R BT.601 weighting
Light or darkLight
Best text colour on this backgroundBlackcontrast 12.83:1
Contrast with white1.64:1WCAG normal text: Fail
Contrast with black12.83:1WCAG normal text: AAA
Greyscale equivalent#C3C3C3
Inverted#4528E1
Colour vision & accessibility
Distinguishable without hueYesnever rely on hue alone to carry meaning
Contrast with white, large text1.64:1WCAG large text: Fail
Contrast with black, large text12.83:1WCAG large text: AAA
Named colours
Hue familyyellow
CSS keyword usableNo exact keyword
Colour harmonies
Complementary#3B1ED7
Analogous#D7981E, #5DD71E
Triadic#1EBAD7, #D71EBA
Split complementary#1E5DD7, #981ED7
Tetradic#1ED798, #3B1ED7, #D71E5D
Tints, shades & saturation
Channel breakdown
R186
G215
B30
Red186 (72.9%)
Green215 (84.3%)
Blue30 (11.8%)
Hue69.41°
Saturation (HSL)75.51%
Lightness48.04%
Dominant channelGreen
Hex per channelR BA · G D7 · B 1E
Keep nerding
Every link below is a page Nerdulator can generate from what it already knows about this value.
Harmonies
Similar named colours
Nerdulate something else
Nothing in mind? Surprise me · today’s page