#86A0DD Color

Color Information

HEX	#86A0DD
RGB	134, 160, 221
HSL	222° , 56% , 70%
HSV	222° , 39% , 87%
CMYK	39%, 28%, 0%, 13%

Lighter Shades

#95ABE1 #A3B7E5 #B2C2E9 #C0CEED #CFD9F1 #DDE4F5

Darker Shades

#768DC2 #667AA8 #56668D #465373 #364058 #262D3E

Complementary Palette

#738ABE #86A0DD #BEA975 #DDC488 #E2CC99 #97ADE2

Analogous Palette

#8EB0B8 #97C3CE #7E96D0 #86A0DD #A297CE #ABA1D3

Triadic Palette

#768DC2 #86A0DD #E5809E #E88FAA #9EE580 #8BCA71

Split Complementary Palette

#7990C7 #86A0DD #DD9988 #E0A394 #CCDD88 #B8C77A

Square Palette

#7186BA #86A0DD #D68FC8 #D6C18F #88DD99 #9BE2A9

Tetradic Palette

#6E83B5 #86A0DD #C97AEB #DDC488 #9CEB7A #AEEF92

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A0DD contains 134 red, 160 green, and 221 blue.

Contrast Ratio: 2.56:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.22:1