#86AEFF Color

Color Information

HEX#86AEFF
RGB134, 174, 255
HSL220° , 100% , 76%
HSV220° , 47% , 100%
CMYK47%, 32%, 0%, 0%

Lighter Shades

#95B8FF #A3C1FF #B2CBFF #C0D5FF #CFDFFF #DDE8FF

Darker Shades

#7699E0 #6684C2 #566FA3 #465A85 #364666 #263147

Complementary Palette

#7396DB #86AEFF #DBB872 #FFD685 #FFDC96 #97B9FF

Analogous Palette

#89CEDC #91E2F3 #7EA4F0 #86AEFF #A191F3 #A99AF4

Triadic Palette

#7699E0 #86AEFF #FF85AD #FF94B7 #ADFF85 #98E075

Split Complementary Palette

#799DE6 #86AEFF #FF9985 #FFA391 #EBFF85 #D4E678

Square Palette

#7192D6 #86AEFF #F98BE7 #F9D48B #85FF99 #99FFA9

Tetradic Palette

#6E8FD1 #86AEFF #D685FF #FFD685 #ADFF85 #BCFF9B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86AEFF contains 134 red, 174 green, and 255 blue.

Contrast Ratio: 2.18:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.65:1