#BAF2FD

#BAF2FD

Color Values

HEX

#BAF2FD

RGB

186, 242, 253

HSL

189.9, 94.4%, 86.1%

HSV

189.9, 26.5%, 99.2%

CMYK

26.5%, 4.3%, 0.0%, 0.8%

OKLCH

0.9265 0.0585 211.0

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BAF2FD

#FDC5BA

Analogous

#BAFDE7

#BAD1FD

#BAF2FD

Triadic

#BAF2FD

#FDBAF2

#F2FDBA

Split Complementary

#BAF2FD

#FDBAD1

#FDE7BA

Tetradic

#BAF2FD

#E7BAFD

#FDC5BA

#D1FDBA

Color Blindness Simulation

Original

#BAF2FD

Protanopia

#D2D3FA

Deuteranopia

#CFCBFA

Tritanopia

#BDF8F8

Achromatopsia

#E7E7E7

CSS Usage

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

Tailwind Shades

50
#F1FBFD
100
#DFF7FB
200
#BAF2FD
300
#88E9FC
400
#48DCFA
500
#07D0F8
600
#06A7C6
700
#05859F
800
#04687C
900
#074C5A
950
#053039

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

17.21:1

AA Pass AAA Pass

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

2月 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

2月 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

2月 20, 2026