#B2B2F4

#B2B2F4

Color Values

HEX

#B2B2F4

RGB

178, 178, 244

HSL

240.0, 75.0%, 82.7%

HSV

240.0, 27.0%, 95.7%

CMYK

27.0%, 27.0%, 0.0%, 4.3%

OKLCH

0.7874 0.0933 284.1

Properties

Cool Light Nearest: Blue Bell

Color Harmonies

Complementary

#B2B2F4

#F4F4B2

Analogous

#B2D3F4

#D3B2F4

#B2B2F4

Triadic

#B2B2F4

#F4B2B2

#B2F4B2

Split Complementary

#B2B2F4

#F4D3B2

#D3F4B2

Tetradic

#B2B2F4

#F4B2D3

#F4F4B2

#B2F4D3

Color Blindness Simulation

Original

#B2B2F4

Protanopia

#B2B2E4

Deuteranopia

#B2B2E0

Tritanopia

#B2D7D5

Achromatopsia

#B7B7B7

CSS Usage

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

Tailwind Shades

50
#F2F2FC
100
#E2E2F9
200
#C1C1F6
300
#9494F0
400
#5A5AE7
500
#2020DF
600
#1919B3
700
#14148F
800
#101070
900
#101051
950
#0A0A33

Contrast Checker

Text on white

1.99:1

AA Fail AAA Fail

Text on black

10.57:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026