#BDF3FA

#BDF3FA

Color Values

HEX

#BDF3FA

RGB

189, 243, 250

HSL

186,9, 85,9%, 86,1%

HSV

186,9, 24,4%, 98,0%

CMYK

24,4%, 2,8%, 0,0%, 2,0%

OKLCH

0,9294 0,0555 206,1

Properties

Cool Light Nearest: Blizzard Blue

Color Harmonies

Complementary

#BDF3FA

#FAC4BD

Analogous

#BDFAE3

#BDD5FA

#BDF3FA

Triadic

#BDF3FA

#FABDF3

#F3FABD

Split Complementary

#BDF3FA

#FABDD5

#FAE3BD

Tetradic

#BDF3FA

#E3BDFA

#FAC4BD

#D5FABD

Color Blindness Simulation

Original

#BDF3FA

Protanopia

#D4D5F8

Deuteranopia

#D1CDF8

Tritanopia

#C0F7F7

Achromatopsia

#E8E8E8

CSS Usage

background-color: #BDF3FA;
color: #BDF3FA;
border-color: #BDF3FA;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F2FCFD
100
#E0F7FA
200
#BDF3FA
300
#8DEAF6
400
#50DFF2
500
#12D4ED
600
#0EA9BE
700
#0C8898
800
#096A77
900
#0B4D56
950
#073136

Contrast Checker

Text on white

1,21:1

AA Fail AAA Fail

Text on black

17,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