#B2BAFD

#B2BAFD

Color Values

HEX

#B2BAFD

RGB

178, 186, 253

HSL

233.6, 94.9%, 84.5%

HSV

233.6, 29.6%, 99.2%

CMYK

29.6%, 26.5%, 0.0%, 0.8%

OKLCH

0.8069 0.0951 278.8

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B2BAFD

#FDF5B2

Analogous

#B2DFFD

#CFB2FD

#B2BAFD

Triadic

#B2BAFD

#FDB2BA

#BAFDB2

Split Complementary

#B2BAFD

#FDCFB2

#DFFDB2

Tetradic

#B2BAFD

#FDB2DF

#FDF5B2

#B2FDCF

Color Blindness Simulation

Original

#B2BAFD

Protanopia

#B5B6ED

Deuteranopia

#B5B4E9

Tritanopia

#B2E0DD

Achromatopsia

#BDBDBD

CSS Usage

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

Tailwind Shades

50
#F1F2FE
100
#DFE2FC
200
#B9C1FD
300
#8894FC
400
#475AFA
500
#0720F8
600
#051AC7
700
#04159F
800
#03107C
900
#07105A
950
#040A39

Contrast Checker

Text on white

1.85:1

AA Fail AAA Fail

Text on black

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