#64AAA2 Color

Color Information

HEX#64AAA2
RGB100, 170, 162
HSL173° , 29% , 53%
HSV173° , 41% , 67%
CMYK41%, 0%, 5%, 33%

Lighter Shades

#77B4AD #89BEB8 #9CC9C3 #AED3CF #C1DDDA #D4E7E5

Darker Shades

#58968F #4C817B #406D68 #345854 #284441 #1C302D

Complementary Palette

#56928B #64AAA2 #92565E #AA646D #B67A81 #7AB6AF

Analogous Palette

#6A9079 #759983 #5EA098 #64AAA2 #758B99 #8195A2

Triadic Palette

#58968F #64AAA2 #AB58B6 #B56CBF #B6AB58 #A0964D

Split Complementary Palette

#5A9992 #64AAA2 #AA648F #B3749A #AA7F64 #99725A

Square Palette

#548F88 #64AAA2 #82709E #9E7076 #8FAA64 #A1B87D

Tetradic Palette

#528B85 #64AAA2 #4F5EBF #AA646D #BFB24F #CBC06F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #64AAA2 contains 100 red, 170 green, and 162 blue.

Contrast Ratio: 2.65:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.94:1