#BADCFA

#BADCFA

Color Values

HEX

#BADCFA

RGB

186, 220, 250

HSL

208.1, 86.5%, 85.5%

HSV

208.1, 25.6%, 98.0%

CMYK

25.6%, 12.0%, 0.0%, 2.0%

OKLCH

0.8797 0.055 245.1

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BADCFA

#FAD8BA

Analogous

#BAFAF8

#BABCFA

#BADCFA

Triadic

#BADCFA

#FABADC

#DCFABA

Split Complementary

#BADCFA

#FABABC

#FAF8BA

Tetradic

#BADCFA

#F8BAFA

#FAD8BA

#BCFABA

Color Blindness Simulation

Original

#BADCFA

Protanopia

#C9C9F3

Deuteranopia

#C7C4F1

Tritanopia

#BCEDEC

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BCDDFA
300
#8DC5F7
400
#4FA6F2
500
#1186EE
600
#0E6CBE
700
#0B5698
800
#094377
900
#0B3356
950
#072036

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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