#BAC4FD

#BAC4FD

Color Values

HEX

#BAC4FD

RGB

186, 196, 253

HSL

231,0, 94,4%, 86,1%

HSV

231,0, 26,5%, 99,2%

CMYK

26,5%, 22,5%, 0,0%, 0,8%

OKLCH

0,8324 0,0808 276,8

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC4FD

#FDF3BA

Analogous

#BAE6FD

#D2BAFD

#BAC4FD

Triadic

#BAC4FD

#FDBAC4

#C4FDBA

Split Complementary

#BAC4FD

#FDD2BA

#E6FDBA

Tetradic

#BAC4FD

#FDBAE6

#FDF3BA

#BAFDD2

Color Blindness Simulation

Original

#BAC4FD

Protanopia

#BEBEEF

Deuteranopia

#BEBDEC

Tritanopia

#BAE4E2

Achromatopsia

#C6C6C6

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BAC4FD
300
#8899FC
400
#4862FA
500
#072BF8
600
#0623C6
700
#051C9F
800
#04167C
900
#07145A
950
#050C39

Contrast Checker

Text on white

1,69:1

AA Fail AAA Fail

Text on black

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