#66A295 Color

Color Information

HEX#66A295
RGB102, 162, 149
HSL167° , 24% , 52%
HSV167° , 37% , 64%
CMYK37%, 0%, 8%, 36%

Lighter Shades

#78ADA2 #8BB8AE #9DC3BB #AFCFC8 #C2DAD5 #D4E5E1

Darker Shades

#5A8F83 #4E7B71 #41685F #35544D #29413C #1D2D2A

Complementary Palette

#588B80 #66A295 #8B5964 #A26774 #AF7C87 #7BAFA4

Analogous Palette

#688D72 #72977D #60988C #66A295 #728D97 #7E96A0

Triadic Palette

#5A8F83 #66A295 #9C5BAE #A86FB8 #AE9C5B #998950

Split Complementary Palette

#5C9286 #66A295 #A26791 #AB769C #A27867 #926C5D

Square Palette

#56887D #66A295 #7D7297 #97727A #91A267 #A3B17F

Tetradic Palette

#54857A #66A295 #5167B8 #A26774 #B8A251 #C5B370

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #66A295 contains 102 red, 162 green, and 149 blue.

Contrast Ratio: 2.88:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.28:1