Hex Color #3AE74E - Custom Color

Color Codes

HEX

#3AE74E

RGB

rgb(58, 231, 78)

HSL

hsl(127, 78%, 57%)

CMYK

cmyk(75%, 0%, 66%, 9%)

HSV

hsv(127, 75%, 91%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#7DE73C #3CE750 #3CE7A5

Triadic

#3CE750 #503CE7 #E7503C

Split Complementary

#3CE750 #A53CE7 #E73C7D

Tetradic (Square)

#3CE750 #3C7DE7 #E73CD3 #E7A53C

Complementary

#3AE74E #E73CD3

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.65:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.72: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: #3AE74E;

color: #3AE74E;

border-color: #3AE74E;

}

Tailwind CSS (with arbitrary values)

bg-[#3AE74E]

text-[#3AE74E]

border-[#3AE74E]

// Example usage: