#86AFF1 Color

Color Information

HEX#86AFF1
RGB134, 175, 241
HSL217° , 79% , 74%
HSV217° , 44% , 95%
CMYK44%, 27%, 0%, 5%

Lighter Shades

#95B9F3 #A3C2F4 #B2CCF6 #C0D5F8 #CFDFF9 #DDE9FB

Darker Shades

#769AD4 #6685B7 #56709A #465B7D #364660 #263143

Complementary Palette

#7397CF #86AFF1 #CFAD75 #F1C988 #F3D199 #97BAF3

Analogous Palette

#8DC6CE #96DBE4 #7EA5E3 #86AFF1 #9F96E4 #A69EE6

Triadic Palette

#769AD4 #86AFF1 #F882AF #F991B9 #AFF882 #9ADA72

Split Complementary Palette

#799ED9 #86AFF1 #F19588 #F2A094 #E5F188 #CED97A

Square Palette

#7193CA #86AFF1 #EA8FE0 #EAC78F #88F195 #9BF3A6

Tetradic Palette

#6E90C6 #86AFF1 #CC7CFD #F1C988 #AEFD7C #BDFD94

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #86AFF1 contains 134 red, 175 green, and 241 blue.

Contrast Ratio: 2.2:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.56:1