Hex Color #5CE197 - Custom Color

Color Codes

HEX

#5CE197

RGB

rgb(92, 225, 151)

HSL

hsl(147, 69%, 62%)

CMYK

cmyk(59%, 0%, 33%, 12%)

HSV

hsv(147, 59%, 88%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#62E15B #5BE197 #5BE1DA

Triadic

#5BE197 #975BE1 #E1975B

Split Complementary

#5BE197 #DA5BE1 #E15B62

Tetradic (Square)

#5BE197 #5B62E1 #E15BA5 #E1DA5B

Complementary

#5CE197 #E15BA5

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.66:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 12.67: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: #5CE197;

color: #5CE197;

border-color: #5CE197;

}

Tailwind CSS (with arbitrary values)

bg-[#5CE197]

text-[#5CE197]

border-[#5CE197]

// Example usage: