#AFBAFF Color

Color Information

HEX#AFBAFF
RGB175, 186, 255
HSL232° , 100% , 84%
HSV232° , 31% , 100%
CMYK31%, 27%, 0%, 0%

Lighter Shades

#B9C2FF #C2CBFF #CCD3FF #D5DBFF #DFE3FF #E9ECFF

Darker Shades

#9AA4E0 #858DC2 #7077A3 #5B6185 #464A66 #313447

Complementary Palette

#97A0DB #AFBAFF #DBD295 #FFF4AD #FFF6B8 #BAC4FF

Analogous Palette

#A9CCDF #B6DFF7 #A5AFF0 #AFBAFF #CDB6F7 #D1BAF7

Triadic Palette

#9AA4E0 #AFBAFF #FFADB8 #FFB7C1 #B8FFAD #A2E098

Split Complementary Palette

#9EA7E6 #AFBAFF #FFCBAD #FFD0B5 #E1FFAD #CBE69C

Square Palette

#939CD6 #AFBAFF #FBB1E0 #FBF1B1 #ADFFCB #BAFFD3

Tetradic Palette

#9099D1 #AFBAFF #F4ADFF #FFF4AD #B8FFAD #C5FFBC

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #AFBAFF contains 175 red, 186 green, and 255 blue.

Contrast Ratio: 1.83:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.45:1