#86AFEB Color

Color Information

HEX#86AFEB
RGB134, 175, 235
HSL216° , 72% , 72%
HSV216° , 43% , 92%
CMYK43%, 26%, 0%, 8%

Lighter Shades

#95B9ED #A3C2F0 #B2CCF2 #C0D5F5 #CFDFF7 #DDE9F9

Darker Shades

#769ACF #6685B3 #567096 #465B7A #36465E #263142

Complementary Palette

#7397CA #86AFEB #CAA772 #EBC284 #EECB95 #97BAEE

Analogous Palette

#8AC1C7 #92D5DD #7EA5DD #86AFEB #9A92DD #A19AE0

Triadic Palette

#769ACF #86AFEB #F27DAC #F48DB6 #ACF27D #97D56E

Split Complementary Palette

#799ED4 #86AFEB #EB8E84 #ED9990 #E1EB84 #CBD477

Square Palette

#7193C5 #86AFEB #E48BDB #E4C08B #84EB8E #98EEA0

Tetradic Palette

#6E90C1 #86AFEB #C477F8 #EBC284 #ABF877 #BAF98F

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86AFEB contains 134 red, 175 green, and 235 blue.

Contrast Ratio: 2.21:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.49:1