#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026