#B4CDF1

#B4CDF1

Color Values

HEX

#B4CDF1

RGB

180, 205, 241

HSL

215.4, 68.5%, 82.5%

HSV

215.4, 25.3%, 94.5%

CMYK

25.3%, 14.9%, 0.0%, 5.5%

OKLCH

0.8417 0.0574 257.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#B4CDF1

#F1D8B4

Analogous

#B4EBF1

#B9B4F1

#B4CDF1

Triadic

#B4CDF1

#F1B4CD

#CDF1B4

Split Complementary

#B4CDF1

#F1B9B4

#EBF1B4

Tetradic

#B4CDF1

#F1B4EB

#F1D8B4

#B4F1B9

Color Blindness Simulation

Original

#B4CDF1

Protanopia

#BFBFE8

Deuteranopia

#BDBCE6

Tritanopia

#B5E1E0

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3EBF8
200
#C3D7F4
300
#98BAEC
400
#6095E1
500
#2870D7
600
#2059AC
700
#1A4889
800
#14386B
900
#132B4E
950
#0C1B31

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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