#86A8AE Color

Color Information

HEX#86A8AE
RGB134, 168, 174
HSL189° , 20% , 60%
HSV189° , 23% , 68%
CMYK23%, 3%, 0%, 32%

Lighter Shades

#95B2B8 #A3BDC1 #B2C7CB #C0D2D5 #CFDCDF #DDE7E8

Darker Shades

#769499 #668084 #566C6F #46575A #364346 #262F31

Complementary Palette

#739096 #86A8AE #957872 #AD8B85 #B89B96 #97B4B9

Analogous Palette

#7B9D91 #8AA89E #7E9EA4 #86A8AE #8A94A8 #929CAF

Triadic Palette

#769499 #86A8AE #B87AAE #C18AB8 #AEB87A #99A26B

Split Complementary Palette

#79979D #86A8AE #AD8593 #B5919E #AD9F85 #9C8F78

Square Palette

#718D92 #86A8AE #9E8AA8 #A88E8A #93AD85 #A4BA99

Tetradic Palette

#6E8A8F #86A8AE #7E72C0 #AD8B85 #B4C072 #C2CB8B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A8AE contains 134 red, 168 green, and 174 blue.

Contrast Ratio: 2.51:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.37:1