#BAF3FD

#BAF3FD

Color Values

HEX

#BAF3FD

RGB

186, 243, 253

HSL

189.0, 94.4%, 86.1%

HSV

189.0, 26.5%, 99.2%

CMYK

26.5%, 4.0%, 0.0%, 0.8%

OKLCH

0.9286 0.0591 209.5

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BAF3FD

#FDC4BA

Analogous

#BAFDE6

#BAD2FD

#BAF3FD

Triadic

#BAF3FD

#FDBAF3

#F3FDBA

Split Complementary

#BAF3FD

#FDBAD2

#FDE6BA

Tetradic

#BAF3FD

#E6BAFD

#FDC4BA

#D2FDBA

Color Blindness Simulation

Original

#BAF3FD

Protanopia

#D3D3FB

Deuteranopia

#CFCBFA

Tritanopia

#BDF9F8

Achromatopsia

#E8E8E8

CSS Usage

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

Tailwind Shades

50
#F1FCFD
100
#DFF7FB
200
#BAF3FD
300
#88EAFC
400
#48DFFA
500
#07D4F8
600
#06A9C6
700
#05889F
800
#046A7C
900
#074D5A
950
#053139

Contrast Checker

Text on white

1.21:1

AA Fail AAA Fail

Text on black

17.33:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026