Hex Color #28E174 - Custom Color

Color Codes

HEX

#28E174

RGB

rgb(40, 225, 116)

HSL

hsl(145, 76%, 52%)

CMYK

cmyk(82%, 0%, 48%, 12%)

HSV

hsv(145, 82%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#37E228 #28E275 #28E2D2

Triadic

#28E275 #7528E2 #E27528

Split Complementary

#28E275 #D228E2 #E22837

Tetradic (Square)

#28E275 #2837E2 #E22894 #E2D228

Complementary

#28E174 #E22894

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.73:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.11: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: #28E174;

color: #28E174;

border-color: #28E174;

}

Tailwind CSS (with arbitrary values)

bg-[#28E174]

text-[#28E174]

border-[#28E174]

// Example usage: