#BAAFDC

#BAAFDC

Color Values

HEX

#BAAFDC

RGB

186, 175, 220

HSL

254.7, 39.1%, 77.5%

HSV

254.7, 20.5%, 86.3%

CMYK

15.5%, 20.5%, 0.0%, 13.7%

OKLCH

0.7783 0.0643 296.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#BAAFDC

#D1DCAF

Analogous

#AFBBDC

#D1AFDC

#BAAFDC

Triadic

#BAAFDC

#DCBAAF

#AFDCBA

Split Complementary

#BAAFDC

#DCD1AF

#BBDCAF

Tetradic

#BAAFDC

#DCAFBB

#D1DCAF

#AFDCD1

Color Blindness Simulation

Original

#BAAFDC

Protanopia

#B5B5D1

Deuteranopia

#B6B7CE

Tritanopia

#B9C9C7

Achromatopsia

#B5B5B5

CSS Usage

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

Tailwind Shades

50
#F6F5FA
100
#EAE7F3
200
#D4CDE9
300
#B6AADA
400
#8E7CC6
500
#664EB1
600
#523E8E
700
#413272
800
#332759
900
#281F41
950
#191429

Contrast Checker

Text on white

2.05:1

AA Fail AAA Fail

Text on black

10.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026