#BADCFC

#BADCFC

Color Values

HEX

#BADCFC

RGB

186, 220, 252

HSL

209,1, 91,7%, 85,9%

HSV

209,1, 26,2%, 98,8%

CMYK

26,2%, 12,7%, 0,0%, 1,2%

OKLCH

0,8804 0,0572 246,9

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BADCFC

#FCDABA

Analogous

#BAFCFB

#BABBFC

#BADCFC

Triadic

#BADCFC

#FCBADC

#DCFCBA

Split Complementary

#BADCFC

#FCBABB

#FCFBBA

Tetradic

#BADCFC

#FBBAFC

#FCDABA

#BBFCBA

Color Blindness Simulation

Original

#BADCFC

Protanopia

#C9C9F4

Deuteranopia

#C7C4F2

Tritanopia

#BCEEED

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BBDCFC
300
#8AC3FA
400
#4AA3F7
500
#0B83F4
600
#0869C4
700
#07549C
800
#05427A
900
#083258
950
#051F38

Contrast Checker

Text on white

1,43:1

AA Fail AAA Fail

Text on black

14,73: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