#B4DAF1

#B4DAF1

Color Values

HEX

#B4DAF1

RGB

180, 218, 241

HSL

202.6, 68.5%, 82.5%

HSV

202.6, 25.3%, 94.5%

CMYK

25.3%, 9.5%, 0.0%, 5.5%

OKLCH

0.8686 0.0512 234.7

Properties

Cool Light Nearest: lightskyblue 2

Color Harmonies

Complementary

#B4DAF1

#F1CBB4

Analogous

#B4F1E9

#B4BBF1

#B4DAF1

Triadic

#B4DAF1

#F1B4DA

#DAF1B4

Split Complementary

#B4DAF1

#F1B4BB

#F1E9B4

Tetradic

#B4DAF1

#E9B4F1

#F1CBB4

#BBF1B4

Color Blindness Simulation

Original

#B4DAF1

Protanopia

#C4C5EB

Deuteranopia

#C2BFEA

Tritanopia

#B6E7E6

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3F0F8
200
#C3E1F4
300
#98CCEC
400
#60B1E1
500
#2895D7
600
#2077AC
700
#1A5F89
800
#144B6B
900
#13384E
950
#0C2331

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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