#B3CAF2

#B3CAF2

Color Values

HEX

#B3CAF2

RGB

179, 202, 242

HSL

218.1, 70.8%, 82.5%

HSV

218.1, 26.0%, 94.9%

CMYK

26.0%, 16.5%, 0.0%, 5.1%

OKLCH

0.8352 0.0617 261.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B3CAF2

#F2DBB3

Analogous

#B3E9F2

#BBB3F2

#B3CAF2

Triadic

#B3CAF2

#F2B3CA

#CAF2B3

Split Complementary

#B3CAF2

#F2BBB3

#E9F2B3

Tetradic

#B3CAF2

#F2B3E9

#F2DBB3

#B3F2BB

Color Blindness Simulation

Original

#B3CAF2

Protanopia

#BDBDE8

Deuteranopia

#BCBAE6

Tritanopia

#B4E1DF

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EAF8
200
#C2D4F5
300
#96B6ED
400
#5E8FE3
500
#2567DA
600
#1E53AE
700
#18428B
800
#13346D
900
#12284F
950
#0B1932

Contrast Checker

Text on white

1.66:1

AA Fail AAA Fail

Text on black

12.65:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026