HEX Color #BDF042 (Yellowgreen)

About #BDF042

The precise color #BDF042 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 66.

Translating this color to physical media requires the CMYK color model. To reproduce this shade on paper, a printer utilizes 21% cyan and 0% magenta inks. The HSL representation is 77.6° hue, 85.3% saturation, and 60.0% lightness.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. To prevent eye strain, #000000 text pairs best with this hex code. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BDF042

RGB189, 240, 66

HSL77.6°, 85.3%, 60.0%

CMYK21%, 0%, 72%, 6%

HSV77.6°, 72.5%, 94.1%

LAB88.7, -39.4, 73.8

XYZ53.1, 73.5, 16.5

Decimal12447810

Color Harmonies

Complementary

#BDF042 #7541F0

Analogous

#F0CC41 #65F041

Triadic

#41BCF0 #F041BC

Tetradic

#41F0CC #7541F0 #F04165

Tints, Shades & Tones

Tints (Adding White)

#BDF042

#C4F157

#CBF36C

#D3F581

#DAF696

#E1F8AB

#E9FAC0

#F0FBD5

#F7FDEA

#FFFFFF

Shades (Adding Black)

#BDF042

#A8D53A

#93BA33

#7EA02C

#698524

#546A1D

#3F5016

#2A350E

#151A07

#000000

WCAG Contrast Accessibility

1.34:1

Text on #FFFFFF

FAIL

15.71:1

Text on #000000

AAA

1.28:1

Text on #F8FAFC

FAIL

13.35:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDF042; }

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

Similar Colors

Yellowgreen

#9ACD32