#B3C9F6

#B3C9F6

Color Values

HEX

#B3C9F6

RGB

179, 201, 246

HSL

220.3, 78.8%, 83.3%

HSV

220.3, 27.2%, 96.5%

CMYK

27.2%, 18.3%, 0.0%, 3.5%

OKLCH

0.8347 0.0678 264.5

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B3C9F6

#F6E0B3

Analogous

#B3EAF6

#BEB3F6

#B3C9F6

Triadic

#B3C9F6

#F6B3C9

#C9F6B3

Split Complementary

#B3C9F6

#F6BEB3

#EAF6B3

Tetradic

#B3C9F6

#F6B3EA

#F6E0B3

#B3F6BE

Color Blindness Simulation

Original

#B3C9F6

Protanopia

#BDBDEB

Deuteranopia

#BBBAE8

Tritanopia

#B4E3E1

Achromatopsia

#C8C8C8

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E1E9F9
200
#BFD2F7
300
#92B1F2
400
#5687EB
500
#1B5DE4
600
#164AB6
700
#113C92
800
#0E2F72
900
#0E2553
950
#091734

Contrast Checker

Text on white

1.67:1

AA Fail AAA Fail

Text on black

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