#86ADD1 Color

Color Information

HEX#86ADD1
RGB134, 173, 209
HSL209° , 45% , 67%
HSV209° , 36% , 82%
CMYK36%, 17%, 0%, 18%

Lighter Shades

#95B7D7 #A3C1DC #B2CBE2 #C0D4E7 #CFDEED #DDE8F2

Darker Shades

#7698B8 #66839F #566F86 #465A6D #364554 #26303B

Complementary Palette

#7395B4 #86ADD1 #B49272 #D1AA85 #D7B696 #97B8D7

Analogous Palette

#8FAEAD #96C0BE #7EA3C4 #86ADD1 #9697C0 #9FA0C6

Triadic Palette

#7698B8 #86ADD1 #D97DAC #DE8DB6 #ACD97D #97BF6E

Split Complementary Palette

#799CBC #86ADD1 #D18586 #D69192 #D1CF85 #BCBA78

Square Palette

#7191B0 #86ADD1 #C68DC8 #C8AA8D #86D185 #99D899

Tetradic Palette

#6E8EAB #86ADD1 #A976E0 #D1AA85 #ADE076 #BCE68F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86ADD1 contains 134 red, 173 green, and 209 blue.

Contrast Ratio: 2.32:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.06:1