#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

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026