#B1DAFC

#B1DAFC

Color Values

HEX

#B1DAFC

RGB

177, 218, 252

HSL

207.2, 92.6%, 84.1%

HSV

207.2, 29.8%, 98.8%

CMYK

29.8%, 13.5%, 0.0%, 1.2%

OKLCH

0.8705 0.064 243.6

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#B1DAFC

#FCD3B1

Analogous

#B1FCF8

#B1B4FC

#B1DAFC

Triadic

#B1DAFC

#FCB1DA

#DAFCB1

Split Complementary

#B1DAFC

#FCB1B4

#FCF8B1

Tetradic

#B1DAFC

#F8B1FC

#FCD3B1

#B4FCB1

Color Blindness Simulation

Original

#B1DAFC

Protanopia

#C3C3F4

Deuteranopia

#C0BDF2

Tritanopia

#B3EDEC

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFC
300
#89C7FA
400
#49A9F8
500
#098BF6
600
#086FC4
700
#06599D
800
#05457B
900
#083459
950
#052138

Contrast Checker

Text on white

1.47:1

AA Fail AAA Fail

Text on black

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