HEX Color #92E242 (Yellowgreen)

About #92E242

The precise color #92E242 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 146, 226, and 66.

For print applications, it's crucial to understand its CMYK makeup. This specific hue requires a mix of 35% C, 0% M, 71% Y, and 11% K. This makes it a relatively light color when applied to physical surfaces.

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

RGB146, 226, 66

HSL90.0°, 73.4%, 57.3%

CMYK35%, 0%, 71%, 11%

HSV90.0°, 70.8%, 88.6%

LAB82.3, -49.0, 66.7

XYZ40.0, 60.9, 14.8

Decimal9626178

Color Harmonies

Complementary

#92E242 #9141E2

Analogous

#E1E241 #41E241

Triadic

#4191E2 #E24192

Tetradic

#41E1E2 #9141E2 #E24141

Tints, Shades & Tones

Tints (Adding White)

#92E242

#9EE557

#AAE86C

#B6EB81

#C2EE96

#CEF2AB

#DAF5C0

#E6F8D5

#F2FBEA

#FFFFFF

Shades (Adding Black)

#92E242

#81C83A

#71AF33

#61962C

#517D24

#40641D

#304B16

#20320E

#101907

#000000

WCAG Contrast Accessibility

1.59:1

Text on #FFFFFF

FAIL

13.18:1

Text on #000000

AAA

1.52:1

Text on #F8FAFC

FAIL

11.20:1

Text on #0F172A

AAA

CSS Implementation

.bg-color { background-color: #92E242; }

.text-color { color: #92E242; }

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

Similar Colors

Yellowgreen

#9ACD32