Hex Color #55E099 - Custom Color

Color Codes

HEX

#55E099

RGB

rgb(85, 224, 153)

HSL

hsl(149, 69%, 61%)

CMYK

cmyk(62%, 0%, 32%, 12%)

HSV

hsv(149, 62%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#59E057 #57E099 #57E0DE

Triadic

#57E099 #9957E0 #E09957

Split Complementary

#57E099 #DE57E0 #E05759

Tetradic (Square)

#57E099 #5759E0 #E0579E #E0DE57

Complementary

#55E099 #E0579E

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.68:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.51: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: #55E099;

color: #55E099;

border-color: #55E099;

}

Tailwind CSS (with arbitrary values)

bg-[#55E099]

text-[#55E099]

border-[#55E099]

// Example usage: