Hex Color #94E475 - Custom Color

Color Codes

HEX

#94E475

RGB

rgb(148, 228, 117)

HSL

hsl(103, 67%, 68%)

CMYK

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

HSV

hsv(103, 49%, 89%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#CCE477 #96E477 #77E48E

Triadic

#96E477 #7796E4 #E47796

Split Complementary

#96E477 #8E77E4 #E477CC

Tetradic (Square)

#96E477 #77CCE4 #C577E4 #E48E77

Complementary

#94E475 #C577E4

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.54:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 13.61: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: #94E475;

color: #94E475;

border-color: #94E475;

}

Tailwind CSS (with arbitrary values)

bg-[#94E475]

text-[#94E475]

border-[#94E475]

// Example usage: