#86AAF8 Color

Color Information

HEX#86AAF8
RGB134, 170, 248
HSL221° , 89% , 75%
HSV221° , 46% , 97%
CMYK46%, 31%, 0%, 3%

Lighter Shades

#95B4F9 #A3BEFA #B2C9FB #C0D3FB #CFDDFC #DDE7FD

Darker Shades

#7696DA #6681BC #566D9F #465881 #364463 #263045

Complementary Palette

#7392D5 #86AAF8 #D5B674 #F8D487 #F9DA98 #97B6F9

Analogous Palette

#8CC7D4 #93DBEB #7EA0E9 #86AAF8 #A393EB #A99BED

Triadic Palette

#7696DA #86AAF8 #FE80A8 #FE8FB2 #A8FE80 #94E071

Split Complementary Palette

#7999DF #86AAF8 #F89B87 #F9A593 #E3F887 #CCDF7A

Square Palette

#718FD0 #86AAF8 #F28DDF #F2D28D #87F89B #9AF9AB

Tetradic Palette

#6E8BCB #86AAF8 #D780FF #F8D487 #A8FF80 #B8FF97

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86AAF8 contains 134 red, 170 green, and 248 blue.

Contrast Ratio: 2.27:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.25:1