#BAC1ED

#BAC1ED

Color Values

HEX

#BAC1ED

RGB

186, 193, 237

HSL

231.8, 58.6%, 82.9%

HSV

231.8, 21.5%, 92.9%

CMYK

21.5%, 18.6%, 0.0%, 7.1%

OKLCH

0.8202 0.0623 277.8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC1ED

#EDE6BA

Analogous

#BADAED

#CCBAED

#BAC1ED

Triadic

#BAC1ED

#EDBAC1

#C1EDBA

Split Complementary

#BAC1ED

#EDCCBA

#DAEDBA

Tetradic

#BAC1ED

#EDBADA

#EDE6BA

#BAEDCC

Color Blindness Simulation

Original

#BAC1ED

Protanopia

#BDBDE2

Deuteranopia

#BDBCE0

Tritanopia

#BADAD8

Achromatopsia

#C3C3C3

CSS Usage

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

Tailwind Shades

50
#F4F5FB
100
#E4E7F6
200
#C6CCF0
300
#9EA8E6
400
#6978D8
500
#3549CA
600
#2A3BA2
700
#222F81
800
#1A2565
900
#171E4A
950
#0E132F

Contrast Checker

Text on white

1.76:1

AA Fail AAA Fail

Text on black

11.94: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