#B8D0F3

#B8D0F3

Color Values

HEX

#B8D0F3

RGB

184, 208, 243

HSL

215.6, 71.1%, 83.7%

HSV

215.6, 24.3%, 95.3%

CMYK

24.3%, 14.4%, 0.0%, 4.7%

OKLCH

0.8513 0.0555 257.7

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B8D0F3

#F3DBB8

Analogous

#B8EDF3

#BDB8F3

#B8D0F3

Triadic

#B8D0F3

#F3B8D0

#D0F3B8

Split Complementary

#B8D0F3

#F3BDB8

#EDF3B8

Tetradic

#B8D0F3

#F3B8ED

#F3DBB8

#B8F3BD

Color Blindness Simulation

Original

#B8D0F3

Protanopia

#C2C3EB

Deuteranopia

#C1BFE8

Tritanopia

#B9E4E2

Achromatopsia

#CDCDCD

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C2D7F5
300
#96BAED
400
#5E94E4
500
#256FDA
600
#1D58AF
700
#18478C
800
#12376D
900
#112B4F
950
#0B1B32

Contrast Checker

Text on white

1.57:1

AA Fail AAA Fail

Text on black

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