HEX Color #BDF024 (Greenyellow)

About #BDF024

Visually, #BDF024 is defined as a vivid green. Its closest recognized web color is Greenyellow. To achieve this exact tint on a monitor, you would use an RGB mix of 189, 240, and 36.

While screens use RGB, printing presses rely on Cyan, Magenta, Yellow, and Key (black). This specific hue requires a mix of 21% C, 0% M, 85% Y, and 6% K. Always request a physical proof before doing a large print run with this exact code.

Web Content Accessibility Guidelines (WCAG) dictate how we should use this color. Mathematical luminance calculations suggest that #000000 text provides the most optimal reading experience. Strict adherence to these ratios protects visually impaired users from unreadable interfaces.

Color Space Conversions

HEX#BDF024

RGB189, 240, 36

HSL75.0°, 87.2%, 54.1%

CMYK21%, 0%, 85%, 6%

HSV75.0°, 85.0%, 94.1%

LAB88.6, -40.6, 81.7

XYZ52.5, 73.3, 13.0

Decimal12447780

Color Harmonies

Complementary

#BDF024 #5724EF

Analogous

#EFBC24 #56EF24

Triadic

#24BCEF #EF24BC

Tetradic

#24EFBC #5724EF #EF2456

Tints, Shades & Tones

Tints (Adding White)

#BDF024

#C4F13C

#CBF354

#D3F56D

#DAF685

#E1F89D

#E9FAB6

#F0FBCE

#F7FDE6

#FFFFFF

Shades (Adding Black)

#BDF024

#A8D520

#93BA1C

#7EA018

#698514

#546A10

#3F500C

#2A3508

#151A04

#000000

WCAG Contrast Accessibility

1.34:1

Text on #FFFFFF

FAIL

15.65:1

Text on #000000

AAA

1.28:1

Text on #F8FAFC

FAIL

13.31:1

Text on #0F172A

AAA

CSS Implementation

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

.text-color { color: #BDF024; }

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

Similar Colors

Greenyellow

#ADFF2F