#BAD2F3

#BAD2F3

Color Values

HEX

#BAD2F3

RGB

186, 210, 243

HSL

214.7, 70.4%, 84.1%

HSV

214.7, 23.5%, 95.3%

CMYK

23.5%, 13.6%, 0.0%, 4.7%

OKLCH

0.8567 0.0529 256.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD2F3

#F3DBBA

Analogous

#BAEFF3

#BEBAF3

#BAD2F3

Triadic

#BAD2F3

#F3BAD2

#D2F3BA

Split Complementary

#BAD2F3

#F3BEBA

#EFF3BA

Tetradic

#BAD2F3

#F3BAEF

#F3DBBA

#BAF3BE

Color Blindness Simulation

Original

#BAD2F3

Protanopia

#C4C5EB

Deuteranopia

#C3C1E9

Tritanopia

#BBE5E3

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E2EBF8
200
#C2D7F4
300
#97BBED
400
#5E96E3
500
#2671D9
600
#1E5BAE
700
#18498B
800
#13396D
900
#122C4F
950
#0B1C32

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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