#BAD3FD

#BAD3FD

Color Values

HEX

#BAD3FD

RGB

186, 211, 253

HSL

217.6, 94.4%, 86.1%

HSV

217.6, 26.5%, 99.2%

CMYK

26.5%, 16.6%, 0.0%, 0.8%

OKLCH

0.8624 0.0646 260.8

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BAD3FD

#FDE4BA

Analogous

#BAF5FD

#C3BAFD

#BAD3FD

Triadic

#BAD3FD

#FDBAD3

#D3FDBA

Split Complementary

#BAD3FD

#FDC3BA

#F5FDBA

Tetradic

#BAD3FD

#FDBAF5

#FDE4BA

#BAFDC3

Color Blindness Simulation

Original

#BAD3FD

Protanopia

#C5C5F3

Deuteranopia

#C3C2F0

Tritanopia

#BBEBE9

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FD
300
#88B3FC
400
#488AFA
500
#0761F8
600
#064EC6
700
#053E9F
800
#04317C
900
#07265A
950
#051839

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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