#BADBF1

#BADBF1

Color Values

HEX

#BADBF1

RGB

186, 219, 241

HSL

204.0, 66.3%, 83.7%

HSV

204.0, 22.8%, 94.5%

CMYK

22.8%, 9.1%, 0.0%, 5.5%

OKLCH

0.8745 0.0464 237.3

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BADBF1

#F1D0BA

Analogous

#BAF1EB

#BABFF1

#BADBF1

Triadic

#BADBF1

#F1BADB

#DBF1BA

Split Complementary

#BADBF1

#F1BABF

#F1EBBA

Tetradic

#BADBF1

#EBBAF1

#F1D0BA

#BFF1BA

Color Blindness Simulation

Original

#BADBF1

Protanopia

#C8C9EC

Deuteranopia

#C6C4EA

Tritanopia

#BCE7E7

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF7
200
#C4E0F3
300
#99CAEA
400
#62ADDF
500
#2B90D4
600
#2274AA
700
#1B5C88
800
#15486A
900
#14364D
950
#0C2231

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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