#B3C8F6

#B3C8F6

Color Values

HEX

#B3C8F6

RGB

179, 200, 246

HSL

221.2, 78.8%, 83.3%

HSV

221.2, 27.2%, 96.5%

CMYK

27.2%, 18.7%, 0.0%, 3.5%

OKLCH

0.8327 0.0688 265.7

Properties

Cool Light Nearest: NCS S 0520-R80B Light Lavender

Color Harmonies

Complementary

#B3C8F6

#F6E1B3

Analogous

#B3E9F6

#BFB3F6

#B3C8F6

Triadic

#B3C8F6

#F6B3C8

#C8F6B3

Split Complementary

#B3C8F6

#F6BFB3

#E9F6B3

Tetradic

#B3C8F6

#F6B3E9

#F6E1B3

#B3F6BF

Color Blindness Simulation

Original

#B3C8F6

Protanopia

#BCBCEB

Deuteranopia

#BBB9E8

Tritanopia

#B4E2E0

Achromatopsia

#C7C7C7

CSS Usage

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

Tailwind Shades

50
#F2F5FC
100
#E1E9F9
200
#BFD1F7
300
#92B0F2
400
#5685EB
500
#1B5AE4
600
#1648B6
700
#113A92
800
#0E2D72
900
#0E2453
950
#091634

Contrast Checker

Text on white

1.68:1

AA Fail AAA Fail

Text on black

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