#B3D9FC

#B3D9FC

Color Values

HEX

#B3D9FC

RGB

179, 217, 252

HSL

208.8, 92.4%, 84.5%

HSV

208.8, 29.0%, 98.8%

CMYK

29.0%, 13.9%, 0.0%, 1.2%

OKLCH

0.8697 0.0632 246.4

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B3D9FC

#FCD6B3

Analogous

#B3FCFB

#B3B4FC

#B3D9FC

Triadic

#B3D9FC

#FCB3D9

#D9FCB3

Split Complementary

#B3D9FC

#FCB3B4

#FCFBB3

Tetradic

#B3D9FC

#FBB3FC

#FCD6B3

#B4FCB3

Color Blindness Simulation

Original

#B3D9FC

Protanopia

#C3C4F4

Deuteranopia

#C1BEF1

Tritanopia

#B5EDEB

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADDFC
300
#89C4FA
400
#49A4F8
500
#0A84F5
600
#086AC4
700
#06559D
800
#05427B
900
#083259
950
#052038

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.25:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026