#B3D7FA

#B3D7FA

Color Values

HEX

#B3D7FA

RGB

179, 215, 250

HSL

209.6, 87.7%, 84.1%

HSV

209.6, 28.4%, 98.0%

CMYK

28.4%, 14.0%, 0.0%, 2.0%

OKLCH

0.8649 0.062 247.8

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B3D7FA

#FAD6B3

Analogous

#B3FAFA

#B3B3FA

#B3D7FA

Triadic

#B3D7FA

#FAB3D7

#D7FAB3

Split Complementary

#B3D7FA

#FAB3B3

#FAFAB3

Tetradic

#B3D7FA

#FAB3FA

#FAD6B3

#B3FAB3

Color Blindness Simulation

Original

#B3D7FA

Protanopia

#C3C3F2

Deuteranopia

#C0BEF0

Tritanopia

#B5EBE9

Achromatopsia

#D2D2D2

CSS Usage

background-color: #B3D7FA;
color: #B3D7FA;
border-color: #B3D7FA;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BCDCFB
300
#8CC3F7
400
#4EA2F3
500
#1081EF
600
#0D67BF
700
#0A5399
800
#084078
900
#0A3157
950
#061F37

Contrast Checker

Text on white

1.5:1

AA Fail AAA Fail

Text on black

14.02:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026