HEX Color #75F024 (Lawngreen)

About #75F024

The hex code #75F024 represents a beautifully specific shade of green. If you're using CSS, you might find it aligns closely with Lawngreen. To achieve this exact tint on a monitor, you would use an RGB mix of 117, 240, and 36.

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

From a UX and accessibility standpoint, contrast is paramount. 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#75F024

RGB117, 240, 36

HSL96.2°, 87.2%, 54.1%

CMYK51%, 0%, 85%, 6%

HSV96.2°, 85.0%, 94.1%

LAB85.1, -64.9, 77.4

XYZ38.8, 66.2, 12.4

Decimal7729188

Color Harmonies

Complementary

#75F024 #9F24EF

Analogous

#DBEF24 #24EF39

Triadic

#2474EF #EF2474

Tetradic

#24DAEF #9F24EF #EF3924

Tints, Shades & Tones

Tints (Adding White)

#75F024

#84F13C

#93F354

#A3F56D

#B2F685

#C1F89D

#D1FAB6

#E0FBCE

#EFFDE6

#FFFFFF

Shades (Adding Black)

#75F024

#68D520

#5BBA1C

#4EA018

#418514

#346A10

#27500C

#1A3508

#0D1A04

#000000

WCAG Contrast Accessibility

1.47:1

Text on #FFFFFF

FAIL

14.25:1

Text on #000000

AAA

1.41:1

Text on #F8FAFC

FAIL

12.11:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #75F024; }

.text-color { color: #75F024; }

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

Similar Colors

Lawngreen

#7CFC00