Hex Color #59CBA6 - Custom Color

Color Codes

HEX

#59CBA6

RGB

rgb(89, 203, 166)

HSL

hsl(161, 52%, 57%)

CMYK

cmyk(56%, 0%, 18%, 20%)

HSV

hsv(161, 56%, 80%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#58CA6D #58CAA6 #58B5CA

Triadic

#58CAA6 #A658CA #CAA658

Split Complementary

#58CAA6 #CA58B5 #CA6D58

Tetradic (Square)

#58CAA6 #6D58CA #CA587C #B5CA58

Complementary

#59CBA6 #CA587C

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.00:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.52:1

Pass - WCAG AA (Normal Text)

Pass - WCAG AAA (Normal Text)

Recommended Text Color

For best readability on this background color, use white text.

Color in Use

Card with colored border

Background with 20% opacity

CSS Code

.element {

background-color: #59CBA6;

color: #59CBA6;

border-color: #59CBA6;

}

Tailwind CSS (with arbitrary values)

bg-[#59CBA6]

text-[#59CBA6]

border-[#59CBA6]

// Example usage: