#B3C2E2

#B3C2E2

Color Values

HEX

#B3C2E2

RGB

179, 194, 226

HSL

220.9, 44.8%, 79.4%

HSV

220.9, 20.8%, 88.6%

CMYK

20.8%, 14.2%, 0.0%, 11.4%

OKLCH

0.8131 0.0482 265.4

Properties

Cool Light Nearest: lightsteelblue

Color Harmonies

Complementary

#B3C2E2

#E2D3B3

Analogous

#B3D9E2

#BBB3E2

#B3C2E2

Triadic

#B3C2E2

#E2B3C2

#C2E2B3

Split Complementary

#B3C2E2

#E2BBB3

#D9E2B3

Tetradic

#B3C2E2

#E2B3D9

#E2D3B3

#B3E2BB

Color Blindness Simulation

Original

#B3C2E2

Protanopia

#B9BADA

Deuteranopia

#B9B8D8

Tritanopia

#B4D4D3

Achromatopsia

#C1C1C1

CSS Usage

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

Tailwind Shades

50
#F4F6FA
100
#E6EBF4
200
#CBD5EB
300
#A6B8DD
400
#7691CB
500
#466BB9
600
#385594
700
#2D4476
800
#23355C
900
#1D2944
950
#121A2B

Contrast Checker

Text on white

1.79:1

AA Fail AAA Fail

Text on black

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