#BADEE1

#BADEE1

Color Values

HEX

#BADEE1

RGB

186, 222, 225

HSL

184.6, 39.4%, 80.6%

HSV

184.6, 17.3%, 88.2%

CMYK

17.3%, 1.3%, 0.0%, 11.8%

OKLCH

0.8756 0.038 202.7

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BADEE1

#E1BDBA

Analogous

#BAE1D1

#BACBE1

#BADEE1

Triadic

#BADEE1

#E1BADE

#DEE1BA

Split Complementary

#BADEE1

#E1BACB

#E1D1BA

Tetradic

#BADEE1

#D1BAE1

#E1BDBA

#CBE1BA

Color Blindness Simulation

Original

#BADEE1

Protanopia

#CACAE0

Deuteranopia

#C8C5E0

Tritanopia

#BCE0E0

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BADEE1;
color: #BADEE1;
border-color: #BADEE1;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F5FAFA
100
#E7F2F3
200
#CDE7E9
300
#AAD6DA
400
#7BC0C6
500
#4DAAB2
600
#3E888E
700
#316D72
800
#275559
900
#1F3F42
950
#142829

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

14.62:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026