#B5DAF9

#B5DAF9

Color Values

HEX

#B5DAF9

RGB

181, 218, 249

HSL

207.4, 85.0%, 84.3%

HSV

207.4, 27.3%, 97.6%

CMYK

27.3%, 12.4%, 0.0%, 2.4%

OKLCH

0.872 0.0582 243.8

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B5DAF9

#F9D4B5

Analogous

#B5F9F6

#B5B8F9

#B5DAF9

Triadic

#B5DAF9

#F9B5DA

#DAF9B5

Split Complementary

#B5DAF9

#F9B5B8

#F9F6B5

Tetradic

#B5DAF9

#F6B5F9

#F9D4B5

#B8F9B5

Color Blindness Simulation

Original

#B5DAF9

Protanopia

#C5C5F2

Deuteranopia

#C3C0F0

Tritanopia

#B7ECEA

Achromatopsia

#D4D4D4

CSS Usage

background-color: #B5DAF9;
color: #B5DAF9;
border-color: #B5DAF9;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F2F8FD
100
#E0EEFA
200
#BDDEFA
300
#8EC6F6
400
#50A8F1
500
#1389EC
600
#0F6EBD
700
#0C5897
800
#0A4476
900
#0B3456
950
#072136

Contrast Checker

Text on white

1.46:1

AA Fail AAA Fail

Text on black

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