Hex Color #94E230 - Custom Color

Color Codes

HEX

#94E230

RGB

rgb(148, 226, 48)

HSL

hsl(86, 75%, 54%)

CMYK

cmyk(35%, 0%, 79%, 11%)

HSV

hsv(86, 79%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#E2D632 #95E232 #3DE232

Triadic

#95E232 #3295E2 #E23295

Split Complementary

#95E232 #323DE2 #D632E2

Tetradic (Square)

#95E232 #32E2D6 #7E32E2 #E2323D

Complementary

#94E230 #7E32E2

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.59:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.18:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use black text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #94E230;

color: #94E230;

border-color: #94E230;

}

Tailwind CSS (with arbitrary values)

bg-[#94E230]

text-[#94E230]

border-[#94E230]

// Example usage: