#BABAFF Color

Color Information

HEX#BABAFF
RGB186, 186, 255
HSL240° , 100% , 86%
HSV240° , 27% , 100%
CMYK27%, 27%, 0%, 0%

Lighter Shades

#C2C2FF #CBCBFF #D3D3FF #DBDBFF #E3E3FF #ECECFF

Darker Shades

#A4A4E0 #8D8DC2 #7777A3 #616185 #4A4A66 #343447

Complementary Palette

#A0A0DB #BABAFF #DBDB9E #FFFFB8 #FFFFC2 #C4C4FF

Analogous Palette

#B3C9E0 #BFDBF8 #AFAFF0 #BABAFF #DBBFF8 #DEC3F8

Triadic Palette

#A4A4E0 #BABAFF #FFB8B8 #FFC1C1 #B8FFB8 #A2E0A2

Split Complementary Palette

#A7A7E6 #BABAFF #FFDBB8 #FFDFBF #DBFFB8 #C5E6A6

Square Palette

#9C9CD6 #BABAFF #FBBBDB #FBFBBB #B8FFDB #C3FFE1

Tetradic Palette

#9999D1 #BABAFF #FFB8FF #FFFFB8 #B8FFB8 #C5FFC5

Contrast Checker

White Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.79:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 11.71:1