#BAC2FC

#BAC2FC

Color Values

HEX

#BAC2FC

RGB

186, 194, 252

HSL

232,7, 91,7%, 85,9%

HSV

232,7, 26,2%, 98,8%

CMYK

26,2%, 23,0%, 0,0%, 1,2%

OKLCH

0,828 0,0819 278,3

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#BAC2FC

#FCF4BA

Analogous

#BAE3FC

#D3BAFC

#BAC2FC

Triadic

#BAC2FC

#FCBAC2

#C2FCBA

Split Complementary

#BAC2FC

#FCD3BA

#E3FCBA

Tetradic

#BAC2FC

#FCBAE3

#FCF4BA

#BAFCD3

Color Blindness Simulation

Original

#BAC2FC

Protanopia

#BDBEEE

Deuteranopia

#BDBCEB

Tritanopia

#BAE3E0

Achromatopsia

#C4C4C4

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BBC3FC
300
#8A97FA
400
#4A5FF7
500
#0B27F4
600
#081FC4
700
#07199C
800
#05147A
900
#081258
950
#050B38

Contrast Checker

Text on white

1,72:1

AA Fail AAA Fail

Text on black

12,21:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026