#86A7EE Color

Color Information

HEX#86A7EE
RGB134, 167, 238
HSL221° , 75% , 73%
HSV221° , 44% , 93%
CMYK44%, 30%, 0%, 7%

Lighter Shades

#95B2F0 #A3BCF2 #B2C7F4 #C0D1F6 #CFDCF8 #DDE6FA

Darker Shades

#7693D1 #667FB5 #566B98 #46577C #36435F #262F43

Complementary Palette

#7390CD #86A7EE #CDB074 #EECD87 #F0D498 #97B3F0

Analogous Palette

#8CBFCA #94D2E0 #7E9DE0 #86A7EE #A194E0 #A89CE2

Triadic Palette

#7693D1 #86A7EE #F580A5 #F68FB0 #A5F580 #91D871

Split Complementary Palette

#7996D6 #86A7EE #EE9987 #F0A393 #DBEE87 #C5D67A

Square Palette

#718CC8 #86A7EE #E78DD6 #E7CB8D #87EE99 #9AF1A9

Tetradic Palette

#6E89C3 #86A7EE #D27AFA #EECD87 #A3FA7A #B4FB92

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86A7EE contains 134 red, 167 green, and 238 blue.

Contrast Ratio: 2.36:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 8.91:1