#BAC6FF

#BAC6FF

Color Values

HEX

#BAC6FF

RGB

186, 198, 255

HSL

229.6, 100.0%, 86.5%

HSV

229.6, 27.1%, 100.0%

CMYK

27.1%, 22.4%, 0.0%, 0.0%

OKLCH

0.8371 0.0811 275.3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC6FF

#FFF3BA

Analogous

#BAE9FF

#D1BAFF

#BAC6FF

Triadic

#BAC6FF

#FFBAC6

#C6FFBA

Split Complementary

#BAC6FF

#FFD1BA

#E9FFBA

Tetradic

#BAC6FF

#FFBAE9

#FFF3BA

#BAFFD1

Color Blindness Simulation

Original

#BAC6FF

Protanopia

#BFBFF1

Deuteranopia

#BEBEEE

Tritanopia

#BBE6E4

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F1F3FE
100
#DEE3FC
200
#B8C4FF
300
#859AFF
400
#4263FF
500
#002CFF
600
#0023CC
700
#001CA3
800
#001680
900
#05145C
950
#030D3A

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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