Hex Color #61EAD5 - Custom Color

Color Codes

HEX

#61EAD5

RGB

rgb(97, 234, 213)

HSL

hsl(171, 77%, 65%)

CMYK

cmyk(59%, 0%, 9%, 8%)

HSV

hsv(171, 59%, 92%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#61EA91 #61EAD6 #61BAEA

Triadic

#61EAD6 #D661EA #EAD661

Split Complementary

#61EAD6 #EA61BA #EA9161

Tetradic (Square)

#61EAD6 #9161EA #EA6176 #BAEA61

Complementary

#61EAD5 #EA6176

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.47:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 14.24: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: #61EAD5;

color: #61EAD5;

border-color: #61EAD5;

}

Tailwind CSS (with arbitrary values)

bg-[#61EAD5]

text-[#61EAD5]

border-[#61EAD5]

// Example usage: