#BDF6FA

#BDF6FA

Color Values

HEX

#BDF6FA

RGB

189, 246, 250

HSL

183,9, 85,9%, 86,1%

HSV

183,9, 24,4%, 98,0%

CMYK

24,4%, 1,6%, 0,0%, 2,0%

OKLCH

0,9357 0,0577 201,6

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BDF6FA

#FAC1BD

Analogous

#BDFAE0

#BDD8FA

#BDF6FA

Triadic

#BDF6FA

#FABDF6

#F6FABD

Split Complementary

#BDF6FA

#FABDD8

#FAE0BD

Tetradic

#BDF6FA

#E0BDFA

#FAC1BD

#D8FABD

Color Blindness Simulation

Original

#BDF6FA

Protanopia

#D6D6F9

Deuteranopia

#D2CEF9

Tritanopia

#C0F8F8

Achromatopsia

#EAEAEA

CSS Usage

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

Tailwind Shades

50
#F2FCFD
100
#E0F8FA
200
#BDF6FA
300
#8DF0F6
400
#50E7F2
500
#12DFED
600
#0EB2BE
700
#0C8F98
800
#096F77
900
#0B5156
950
#073336

Contrast Checker

Text on white

1,18:1

AA Fail AAA Fail

Text on black

17,73:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026