#B3E9FE

#B3E9FE

Color Values

HEX

#B3E9FE

RGB

179, 233, 254

HSL

196.8, 97.4%, 84.9%

HSV

196.8, 29.5%, 99.6%

CMYK

29.5%, 8.3%, 0.0%, 0.4%

OKLCH

0.9038 0.0621 223.8

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#B3E9FE

#FEC8B3

Analogous

#B3FEED

#B3C3FE

#B3E9FE

Triadic

#B3E9FE

#FEB3E9

#E9FEB3

Split Complementary

#B3E9FE

#FEB3C3

#FEEDB3

Tetradic

#B3E9FE

#EDB3FE

#FEC8B3

#C3FEB3

Color Blindness Simulation

Original

#B3E9FE

Protanopia

#CACBF9

Deuteranopia

#C7C3F8

Tritanopia

#B6F5F4

Achromatopsia

#DFDFDF

CSS Usage

background-color: #B3E9FE;
color: #B3E9FE;
border-color: #B3E9FE;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1FAFE
100
#DEF4FC
200
#B9EBFE
300
#86DCFD
400
#45C9FD
500
#03B6FC
600
#0392C9
700
#0275A1
800
#025B7E
900
#06435B
950
#042A39

Contrast Checker

Text on white

1.31:1

AA Fail AAA Fail

Text on black

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