#BADBED

#BADBED

Color Values

HEX

#BADBED

RGB

186, 219, 237

HSL

201.2, 58.6%, 82.9%

HSV

201.2, 21.5%, 92.9%

CMYK

21.5%, 7.6%, 0.0%, 7.1%

OKLCH

0.8732 0.0429 231.8

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BADBED

#EDCCBA

Analogous

#BAEDE5

#BAC1ED

#BADBED

Triadic

#BADBED

#EDBADB

#DBEDBA

Split Complementary

#BADBED

#EDBAC1

#EDE5BA

Tetradic

#BADBED

#E5BAED

#EDCCBA

#C1EDBA

Color Blindness Simulation

Original

#BADBED

Protanopia

#C8C9E9

Deuteranopia

#C6C4E8

Tritanopia

#BCE5E4

Achromatopsia

#D5D5D5

CSS Usage

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

Tailwind Shades

50
#F4F8FB
100
#E4F0F6
200
#C6E1F0
300
#9ECCE6
400
#69B1D8
500
#3595CA
600
#2A78A2
700
#226081
800
#1A4B65
900
#17384A
950
#0E232F

Contrast Checker

Text on white

1.45:1

AA Fail AAA Fail

Text on black

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