#BAACD7

#BAACD7

Color Values

HEX

#BAACD7

RGB

186, 172, 215

HSL

259,5, 35,0%, 75,9%

HSV

259,5, 20,0%, 84,3%

CMYK

13,5%, 20,0%, 0,0%, 15,7%

OKLCH

0,7706 0,0623 299,8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAACD7

#C9D7AC

Analogous

#ACB4D7

#D0ACD7

#BAACD7

Triadic

#BAACD7

#D7BAAC

#ACD7BA

Split Complementary

#BAACD7

#D7D0AC

#B4D7AC

Tetradic

#BAACD7

#D7ACB4

#C9D7AC

#ACD7D0

Color Blindness Simulation

Original

#BAACD7

Protanopia

#B4B4CD

Deuteranopia

#B5B6CA

Tritanopia

#B9C4C3

Achromatopsia

#B2B2B2

CSS Usage

background-color: #BAACD7;
color: #BAACD7;
border-color: #BAACD7;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F7F5FA
100
#EBE8F2
200
#D7CFE8
300
#BAACD7
400
#9580C2
500
#7053AC
600
#5A428A
700
#48356E
800
#382956
900
#2B2140
950
#1B1528

Contrast Checker

Text on white

2,11:1

AA Fail AAA Fail

Text on black

9,97:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026