#BAF6FC

#BAF6FC

Color Values

HEX

#BAF6FC

RGB

186, 246, 252

HSL

185.5, 91.7%, 85.9%

HSV

185.5, 26.2%, 98.8%

CMYK

26.2%, 2.4%, 0.0%, 1.2%

OKLCH

0.9346 0.0607 203.8

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAF6FC

#FCC0BA

Analogous

#BAFCE1

#BAD5FC

#BAF6FC

Triadic

#BAF6FC

#FCBAF6

#F6FCBA

Split Complementary

#BAF6FC

#FCBAD5

#FCE1BA

Tetradic

#BAF6FC

#E1BAFC

#FCC0BA

#D5FCBA

Color Blindness Simulation

Original

#BAF6FC

Protanopia

#D4D5FB

Deuteranopia

#D0CCFA

Tritanopia

#BDF9F9

Achromatopsia

#EAEAEA

CSS Usage

background-color: #BAF6FC;
color: #BAF6FC;
border-color: #BAF6FC;
Nearest Tailwind: Cyan 200 #A5F3FC

Tailwind Shades

50
#F1FCFD
100
#DFF9FB
200
#BBF6FC
300
#8AF0FA
400
#4AE7F7
500
#0BDFF4
600
#08B2C4
700
#078F9C
800
#056F7A
900
#085158
950
#053338

Contrast Checker

Text on white

1.19:1

AA Fail AAA Fail

Text on black

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