#66A5A1 Color

Color Information

HEX#66A5A1
RGB102, 165, 161
HSL176° , 26% , 52%
HSV176° , 38% , 65%
CMYK38%, 0%, 2%, 35%

Lighter Shades

#78B0AC #8BBBB8 #9DC5C3 #AFD0CE #C2DBD9 #D4E6E5

Darker Shades

#5A918E #4E7D7A #416A67 #355654 #294240 #1D2E2D

Complementary Palette

#588E8A #66A5A1 #8D575A #A46569 #B17B7E #7BB2AE

Analogous Palette

#688D78 #729782 #609B97 #66A5A1 #728797 #7E91A0

Triadic Palette

#5A918E #66A5A1 #AB59B1 #B56DBA #B1AB59 #9C964E

Split Complementary Palette

#5C9591 #66A5A1 #A46589 #AD7495 #A48065 #94735B

Square Palette

#568B87 #66A5A1 #827198 #987174 #89A465 #9CB37E

Tetradic Palette

#548784 #66A5A1 #4F56BA #A46569 #BAB34F #C6C16F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #66A5A1 contains 102 red, 165 green, and 161 blue.

Contrast Ratio: 2.77:1

Black Background

PASS

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 7.58:1