#BAC4FF

#BAC4FF

Color Values

HEX

#BAC4FF

RGB

186, 196, 255

HSL

231,3, 100,0%, 86,5%

HSV

231,3, 27,1%, 100,0%

CMYK

27,1%, 23,1%, 0,0%, 0,0%

OKLCH

0,8332 0,0835 277,0

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC4FF

#FFF5BA

Analogous

#BAE7FF

#D3BAFF

#BAC4FF

Triadic

#BAC4FF

#FFBAC4

#C4FFBA

Split Complementary

#BAC4FF

#FFD3BA

#E7FFBA

Tetradic

#BAC4FF

#FFBAE7

#FFF5BA

#BAFFD3

Color Blindness Simulation

Original

#BAC4FF

Protanopia

#BEBEF1

Deuteranopia

#BEBDED

Tritanopia

#BAE5E3

Achromatopsia

#C6C6C6

CSS Usage

background-color: #BAC4FF;
color: #BAC4FF;
border-color: #BAC4FF;
Nearest Tailwind: Indigo 300 #A5B4FC

Tailwind Shades

50
#F1F3FE
100
#DEE2FC
200
#B8C2FF
300
#8596FF
400
#425EFF
500
#0025FF
600
#001ECC
700
#0018A3
800
#001280
900
#05115C
950
#030B3A

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

12,43: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