#B3DDFC

#B3DDFC

Color Values

HEX

#B3DDFC

RGB

179, 221, 252

HSL

205.5, 92.4%, 84.5%

HSV

205.5, 29.0%, 98.8%

CMYK

29.0%, 12.3%, 0.0%, 1.2%

OKLCH

0.878 0.0615 240.4

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B3DDFC

#FCD2B3

Analogous

#B3FCF7

#B3B8FC

#B3DDFC

Triadic

#B3DDFC

#FCB3DD

#DDFCB3

Split Complementary

#B3DDFC

#FCB3B8

#FCF7B3

Tetradic

#B3DDFC

#F7B3FC

#FCD2B3

#B8FCB3

Color Blindness Simulation

Original

#B3DDFC

Protanopia

#C5C6F5

Deuteranopia

#C3C0F3

Tritanopia

#B5EFED

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEFFB
200
#BAE0FC
300
#89CAFA
400
#49AEF8
500
#0A91F5
600
#0874C4
700
#065D9D
800
#05497B
900
#083659
950
#052238

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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