#B0DAFD

#B0DAFD

Color Values

HEX

#B0DAFD

RGB

176, 218, 253

HSL

207.3, 95.1%, 84.1%

HSV

207.3, 30.4%, 99.2%

CMYK

30.4%, 13.8%, 0.0%, 0.8%

OKLCH

0.8703 0.0657 243.8

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B0DAFD

#FDD3B0

Analogous

#B0FDFA

#B0B3FD

#B0DAFD

Triadic

#B0DAFD

#FDB0DA

#DAFDB0

Split Complementary

#B0DAFD

#FDB0B3

#FDFAB0

Tetradic

#B0DAFD

#FAB0FD

#FDD3B0

#B3FDB0

Color Blindness Simulation

Original

#B0DAFD

Protanopia

#C2C3F5

Deuteranopia

#C0BDF2

Tritanopia

#B2EEEC

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DFEEFC
200
#B9DEFD
300
#88C7FC
400
#47A9FA
500
#068AF9
600
#056FC7
700
#04599F
800
#03457C
900
#07345A
950
#042139

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

14.29:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026