#BAD2FF

#BAD2FF

Color Values

HEX

#BAD2FF

RGB

186, 210, 255

HSL

219.1, 100.0%, 86.5%

HSV

219.1, 27.1%, 100.0%

CMYK

27.1%, 17.6%, 0.0%, 0.0%

OKLCH

0.8611 0.0681 262.9

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD2FF

#FFE7BA

Analogous

#BAF5FF

#C5BAFF

#BAD2FF

Triadic

#BAD2FF

#FFBAD2

#D2FFBA

Split Complementary

#BAD2FF

#FFC5BA

#F5FFBA

Tetradic

#BAD2FF

#FFBAF5

#FFE7BA

#BAFFC5

Color Blindness Simulation

Original

#BAD2FF

Protanopia

#C4C5F4

Deuteranopia

#C3C1F2

Tritanopia

#BBECEA

Achromatopsia

#D0D0D0

CSS Usage

background-color: #BAD2FF;
color: #BAD2FF;
border-color: #BAD2FF;
Nearest Tailwind: Indigo 200 #C7D2FE

Tailwind Shades

50
#F1F5FE
100
#DEE9FC
200
#B8D0FF
300
#85AFFF
400
#4284FF
500
#0059FF
600
#0047CC
700
#0039A3
800
#002C80
900
#05235C
950
#03163A

Contrast Checker

Text on white

1.53:1

AA Fail AAA Fail

Text on black

13.75:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026