#BAF5FC

#BAF5FC

Color Values

HEX

#BAF5FC

RGB

186, 245, 252

HSL

186.4, 91.7%, 85.9%

HSV

186.4, 26.2%, 98.8%

CMYK

26.2%, 2.8%, 0.0%, 1.2%

OKLCH

0.9325 0.0601 205.3

Properties

Cool Light Nearest: paleturquoise

Color Harmonies

Complementary

#BAF5FC

#FCC1BA

Analogous

#BAFCE2

#BAD4FC

#BAF5FC

Triadic

#BAF5FC

#FCBAF5

#F5FCBA

Split Complementary

#BAF5FC

#FCBAD4

#FCE2BA

Tetradic

#BAF5FC

#E2BAFC

#FCC1BA

#D4FCBA

Color Blindness Simulation

Original

#BAF5FC

Protanopia

#D4D4FA

Deuteranopia

#D0CCFA

Tritanopia

#BDF9F9

Achromatopsia

#E9E9E9

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF8FB
200
#BBF5FC
300
#8AEEFA
400
#4AE5F7
500
#0BDBF4
600
#08B0C4
700
#078C9C
800
#056E7A
900
#085058
950
#053238

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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