#84A498 Color

Color Information

HEX#84A498
RGB132, 164, 152
HSL158° , 15% , 58%
HSV158° , 20% , 64%
CMYK20%, 0%, 7%, 36%

Lighter Shades

#93AFA4 #A2BAB1 #B0C5BD #BFD0C9 #CEDBD6 #DDE6E2

Darker Shades

#749086 #647D74 #546961 #45554F #35423D #252E2B

Complementary Palette

#728D83 #84A498 #8D727C #A48490 #B195A0 #95B1A6

Analogous Palette

#75997A #84A488 #7C9A8F #84A498 #84A0A4 #8DA7AA

Triadic Palette

#749086 #84A498 #9B79AF #A789B9 #AF9B79 #9A886A

Split Complementary Palette

#779489 #84A498 #A484A0 #AD90AA #A48884 #947A77

Square Palette

#6F8A80 #84A498 #8884A4 #A48490 #A0A484 #AFB398

Tetradic Palette

#6C867D #84A498 #718AB7 #A48490 #B79D71 #C4AF8B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #84A498 contains 132 red, 164 green, and 152 blue.

Contrast Ratio: 2.67:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 7.88:1