#B3CEF5

#B3CEF5

Color Values

HEX

#B3CEF5

RGB

179, 206, 245

HSL

215,5, 76,7%, 83,1%

HSV

215,5, 26,9%, 96,1%

CMYK

26,9%, 15,9%, 0,0%, 3,9%

OKLCH

0,8445 0,0621 257,5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B3CEF5

#F5DAB3

Analogous

#B3EFF5

#B9B3F5

#B3CEF5

Triadic

#B3CEF5

#F5B3CE

#CEF5B3

Split Complementary

#B3CEF5

#F5B9B3

#EFF5B3

Tetradic

#B3CEF5

#F5B3EF

#F5DAB3

#B3F5B9

Color Blindness Simulation

Original

#B3CEF5

Protanopia

#BFBFEC

Deuteranopia

#BDBBE9

Tritanopia

#B4E4E2

Achromatopsia

#CBCBCB

CSS Usage

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

Tailwind Shades

50
#F2F6FC
100
#E2EBF9
200
#C0D6F7
300
#93B9F1
400
#5893E9
500
#1E6EE1
600
#1858B4
700
#134690
800
#0F3771
900
#0F2A52
950
#091B34

Contrast Checker

Text on white

1,61:1

AA Fail AAA Fail

Text on black

13,06:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Oca 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Oca 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Oca 15, 2026