#B3E8FE

#B3E8FE

Color Values

HEX

#B3E8FE

RGB

179, 232, 254

HSL

197.6, 97.4%, 84.9%

HSV

197.6, 29.5%, 99.6%

CMYK

29.5%, 8.7%, 0.0%, 0.4%

OKLCH

0.9017 0.062 225.3

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#B3E8FE

#FEC9B3

Analogous

#B3FEEE

#B3C2FE

#B3E8FE

Triadic

#B3E8FE

#FEB3E8

#E8FEB3

Split Complementary

#B3E8FE

#FEB3C2

#FEEEB3

Tetradic

#B3E8FE

#EEB3FE

#FEC9B3

#C2FEB3

Color Blindness Simulation

Original

#B3E8FE

Protanopia

#CACAF9

Deuteranopia

#C7C3F7

Tritanopia

#B6F4F4

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1FAFE
100
#DEF3FC
200
#B9EAFE
300
#86DAFD
400
#45C7FD
500
#03B3FC
600
#038FC9
700
#0272A1
800
#02597E
900
#06425B
950
#042A39

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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