#BADEED

#BADEED

Color Values

HEX

#BADEED

RGB

186, 222, 237

HSL

197.6, 58.6%, 82.9%

HSV

197.6, 21.5%, 92.9%

CMYK

21.5%, 6.3%, 0.0%, 7.1%

OKLCH

0.8794 0.0431 225.0

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BADEED

#EDC9BA

Analogous

#BAEDE2

#BAC4ED

#BADEED

Triadic

#BADEED

#EDBADE

#DEEDBA

Split Complementary

#BADEED

#EDBAC4

#EDE2BA

Tetradic

#BADEED

#E2BAED

#EDC9BA

#C4EDBA

Color Blindness Simulation

Original

#BADEED

Protanopia

#CACAE9

Deuteranopia

#C8C5E8

Tritanopia

#BCE7E6

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F4F9FB
100
#E4F1F6
200
#C6E4F0
300
#9ED1E6
400
#69B8D8
500
#359ECA
600
#2A7FA2
700
#226581
800
#1A4F65
900
#173B4A
950
#0E252F

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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