#64AFA2 Color

Color Information

HEX#64AFA2
RGB100, 175, 162
HSL170° , 32% , 54%
HSV170° , 43% , 69%
CMYK43%, 0%, 7%, 31%

Lighter Shades

#77B9AD #89C2B8 #9CCCC3 #AED5CF #C1DFDA #D4E9E5

Darker Shades

#589A8F #4C857B #407068 #345B54 #284641 #1C312D

Complementary Palette

#56978B #64AFA2 #975661 #AF6471 #BA7A85 #7ABAAF

Analogous Palette

#6C9379 #789B84 #5EA598 #64AFA2 #78909B #8197A2

Triadic Palette

#589A8F #64AFA2 #AB58BB #B56CC3 #BBAB58 #A5964D

Split Complementary Palette

#5A9E92 #64AFA2 #AF6496 #B774A1 #AF7D64 #9E715A

Square Palette

#549388 #64AFA2 #8170A4 #A47078 #96AF64 #A7BC7D

Tetradic Palette

#529085 #64AFA2 #4F63C4 #AF6471 #C4B14F #CFBF6F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64AFA2 contains 100 red, 175 green, and 162 blue.

Contrast Ratio: 2.52:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.32:1