#BADDE7

#BADDE7

Color Values

HEX

#BADDE7

RGB

186, 221, 231

HSL

193.3, 48.4%, 81.8%

HSV

193.3, 19.5%, 90.6%

CMYK

19.5%, 4.3%, 0.0%, 9.4%

OKLCH

0.8754 0.0393 216.9

Properties

Cool Light Nearest: lightblue

Color Harmonies

Complementary

#BADDE7

#E7C4BA

Analogous

#BAE7DB

#BAC7E7

#BADDE7

Triadic

#BADDE7

#E7BADD

#DDE7BA

Split Complementary

#BADDE7

#E7BAC7

#E7DBBA

Tetradic

#BADDE7

#DBBAE7

#E7C4BA

#C7E7BA

Color Blindness Simulation

Original

#BADDE7

Protanopia

#C9C9E5

Deuteranopia

#C7C4E4

Tritanopia

#BCE3E2

Achromatopsia

#D6D6D6

CSS Usage

background-color: #BADDE7;
color: #BADDE7;
border-color: #BADDE7;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F4F9FA
100
#E6F1F4
200
#CAE5ED
300
#A4D2DF
400
#73BACE
500
#42A2BD
600
#358197
700
#2A6879
800
#21515F
900
#1B3C46
950
#11262C

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.58:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026