Hex Color #65CAC4 - Custom Color

Color Codes

HEX

#65CAC4

RGB

rgb(101, 202, 196)

HSL

hsl(176, 49%, 59%)

CMYK

cmyk(50%, 0%, 3%, 21%)

HSV

hsv(176, 50%, 79%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#63CA90 #63CAC3 #639DCA

Triadic

#63CAC3 #C363CA #CAC363

Split Complementary

#63CAC3 #CA639D #CA9063

Tetradic (Square)

#63CAC3 #9063CA #CA636A #9DCA63

Complementary

#65CAC4 #CA636A

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 1.94:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 10.80: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: #65CAC4;

color: #65CAC4;

border-color: #65CAC4;

}

Tailwind CSS (with arbitrary values)

bg-[#65CAC4]

text-[#65CAC4]

border-[#65CAC4]

// Example usage: