#BAA5F0 Color

Color Information

HEX	#BAA5F0
RGB	186, 165, 240
HSL	257° , 71% , 79%
HSV	257° , 31% , 94%
CMYK	23%, 31%, 0%, 6%

Lighter Shades

#C2B0F2 #CBBBF4 #D3C5F5 #DBD0F7 #E3DBF9 #ECE6FB

Darker Shades

#A491D3 #8D7DB6 #776A9A #61567D #4A4260 #342E43

Complementary Palette

#A08ECE #BAA5F0 #BBCE8C #DAEFA3 #DFF1B0 #C4B2F2

Analogous Palette

#A5AFCF #AFBAE4 #AF9BE2 #BAA5F0 #D9AFE4 #DBB3E6

Triadic Palette

#A491D3 #BAA5F0 #F4B79F #F5C0AB #9FF4B7 #8CD7A1

Split Complementary Palette

#A795D8 #BAA5F0 #EFDFA3 #F1E2AC #B4EFA3 #A2D793

Square Palette

#9C8BCA #BAA5F0 #EAA9B7 #D7EAA9 #A3EFDF #B2F2E4

Tetradic Palette

#9987C5 #BAA5F0 #F99ADE #DAEFA3 #9AF9B5 #ACFAC2

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #BAA5F0 contains 186 red, 165 green, and 240 blue.

Contrast Ratio: 2.13:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 9.88:1