#86A2BB Color

Color Information

HEX#86A2BB
RGB134, 162, 187
HSL208° , 28% , 63%
HSV208° , 28% , 73%
CMYK28%, 13%, 0%, 27%

Lighter Shades

#95ADC3 #A3B8CB #B2C3D3 #C0CFDC #CFDAE4 #DDE5EC

Darker Shades

#768FA5 #667B8E #566878 #465461 #36414B #262D34

Complementary Palette

#738BA1 #86A2BB #A18973 #BB9F86 #C5AC97 #97AFC5

Analogous Palette

#84A4A3 #92AFAE #7E98B0 #86A2BB #9293AF #9B9CB5

Triadic Palette

#768FA5 #86A2BB #C57DA3 #CC8DAE #A3C57D #8FAD6E

Split Complementary Palette

#7992A8 #86A2BB #BB8688 #C29294 #BBB986 #A8A779

Square Palette

#71889D #86A2BB #B190B2 #B2A090 #88BB86 #9BC699

Tetradic Palette

#6E8599 #86A2BB #9E75CC #BB9F86 #A4CC75 #B4D58E

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A2BB contains 134 red, 162 green, and 187 blue.

Contrast Ratio: 2.61:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.03:1