#BADBF2

#BADBF2

Color Values

HEX

#BADBF2

RGB

186, 219, 242

HSL

204.6, 68.3%, 83.9%

HSV

204.6, 23.1%, 94.9%

CMYK

23.1%, 9.5%, 0.0%, 5.1%

OKLCH

0.8749 0.0473 238.5

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BADBF2

#F2D1BA

Analogous

#BAF2ED

#BABFF2

#BADBF2

Triadic

#BADBF2

#F2BADB

#DBF2BA

Split Complementary

#BADBF2

#F2BABF

#F2EDBA

Tetradic

#BADBF2

#EDBAF2

#F2D1BA

#BFF2BA

Color Blindness Simulation

Original

#BADBF2

Protanopia

#C8C9EC

Deuteranopia

#C6C4EB

Tritanopia

#BCE8E7

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EFF8
200
#C3E0F4
300
#98C9EC
400
#60ACE1
500
#288FD7
600
#2073AC
700
#1A5C89
800
#14486B
900
#13364E
950
#0C2231

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

14.5:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026