Hex Color #66BCC4 - Custom Color

Color Codes

HEX

#66BCC4

RGB

rgb(102, 188, 196)

HSL

hsl(185, 44%, 58%)

CMYK

cmyk(48%, 4%, 0%, 23%)

HSV

hsv(185, 48%, 77%)

Color Name

Custom Color

Color Variations

Color Harmonies

Analogous

#65C39C #65BBC3 #658CC3

Triadic

#65BBC3 #C365BB #BBC365

Split Complementary

#65BBC3 #C3658C #C39C65

Tetradic (Square)

#65BBC3 #9C65C3 #C36D65 #8CC365

Complementary

#66BCC4 #C36D65

Accessibility

WCAG Contrast Ratios

Text on White Background

Sample Text

Contrast Ratio: 2.20:1

Fail - WCAG AA (Normal Text)

Fail - WCAG AAA (Normal Text)

Text on Black Background

Sample Text

Contrast Ratio: 9.56: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: #66BCC4;

color: #66BCC4;

border-color: #66BCC4;

}

Tailwind CSS (with arbitrary values)

bg-[#66BCC4]

text-[#66BCC4]

border-[#66BCC4]

// Example usage: