#86A7CA Color

Color Information

HEX	#86A7CA
RGB	134, 167, 202
HSL	211° , 39% , 66%
HSV	211° , 34% , 79%
CMYK	34%, 17%, 0%, 21%

Lighter Shades

#95B2D0 #A3BCD7 #B2C7DD #C0D1E3 #CFDCEA #DDE6F0

Darker Shades

#7693B2 #667F9A #566B81 #465769 #364351 #262F39

Complementary Palette

#7390AE #86A7CA #AE9173 #CAA986 #D1B597 #97B3D1

Analogous Palette

#8DAAAA #98B8B9 #7E9DBE #86A7CA #9998B9 #A2A1BF

Triadic Palette

#7693B2 #86A7CA #D37EA7 #D88DB2 #A7D37E #93BA6F

Split Complementary Palette

#7996B6 #86A7CA #CA8886 #CF9492 #C9CA86 #B5B679

Square Palette

#718CAA #86A7CA #C18FC1 #C1A98F #86CA88 #99D29B

Tetradic Palette

#6E89A6 #86A7CA #AA77DA #CAA986 #A7DA77 #B7E18F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A7CA contains 134 red, 167 green, and 202 blue.

Contrast Ratio: 2.46:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.53:1