HEX Color #BDF05F (Yellowgreen)

About #BDF05F

The precise color #BDF05F 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, 240, and 95.

For print applications, it's crucial to understand its CMYK makeup. Its ink density profile breaks down to 21% cyan, 0% magenta, 60% yellow, and 6% black. With a hue angle of 81.1 degrees, it sits comfortably in the green spectrum.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Because it is a light color, it is generally recommended to use #000000 text. Be sure to check our contrast matrix below to see exactly how it performs against common backgrounds.

Color Space Conversions

HEX#BDF05F

RGB189, 240, 95

HSL81.1°, 82.9%, 65.7%

CMYK21%, 0%, 60%, 6%

HSV81.1°, 60.4%, 94.1%

LAB88.9, -37.5, 63.1

XYZ54.2, 74.0, 22.2

Decimal12447839

Color Harmonies

Complementary

#BDF05F #925EF0

Analogous

#F0DA5E #74F05E

Triadic

#5EBCF0 #F05EBC

Tetradic

#5EF0DA #925EF0 #F05E74

Tints, Shades & Tones

Tints (Adding White)

#BDF05F

#C4F170

#CBF382

#D3F594

#DAF6A6

#E1F8B7

#E9FAC9

#F0FBDB

#F7FDED

#FFFFFF

Shades (Adding Black)

#BDF05F

#A8D554

#93BA49

#7EA03F

#698534

#546A2A

#3F501F

#2A3515

#151A0A

#000000

WCAG Contrast Accessibility

1.33:1

Text on #FFFFFF

FAIL

15.79:1

Text on #000000

AAA

1.27:1

Text on #F8FAFC

FAIL

13.43:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDF05F; }

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

Similar Colors

Yellowgreen

#9ACD32