Hex Color #28E574 - Custom Color

Color Codes

HEX

#28E574

RGB

rgb(40, 229, 116)

HSL

hsl(144, 78%, 53%)

CMYK

cmyk(83%, 0%, 49%, 10%)

HSV

hsv(144, 83%, 90%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#3CE52A #2AE574 #2AE5D2

Triadic

#2AE574 #742AE5 #E5742A

Split Complementary

#2AE574 #D22AE5 #E52A3C

Tetradic (Square)

#2AE574 #2A3CE5 #E52A9A #E5D22A

Complementary

#28E574 #E52A9A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.67:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.55: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: #28E574;

color: #28E574;

border-color: #28E574;

}

Tailwind CSS (with arbitrary values)

bg-[#28E574]

text-[#28E574]

border-[#28E574]

// Example usage: