#B2C9F1

#B2C9F1

Color Values

HEX

#B2C9F1

RGB

178, 201, 241

HSL

218.1, 69.2%, 82.2%

HSV

218.1, 26.1%, 94.5%

CMYK

26.1%, 16.6%, 0.0%, 5.5%

OKLCH

0.8321 0.0617 261.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B2C9F1

#F1DAB2

Analogous

#B2E9F1

#BBB2F1

#B2C9F1

Triadic

#B2C9F1

#F1B2C9

#C9F1B2

Split Complementary

#B2C9F1

#F1BBB2

#E9F1B2

Tetradic

#B2C9F1

#F1B2E9

#F1DAB2

#B2F1BB

Color Blindness Simulation

Original

#B2C9F1

Protanopia

#BCBCE7

Deuteranopia

#BBB9E5

Tritanopia

#B3E0DE

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E3EAF8
200
#C3D5F4
300
#97B6EC
400
#5F8FE2
500
#2768D8
600
#1F53AD
700
#19428A
800
#14346C
900
#12284F
950
#0C1932

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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