#BAEBFD

#BAEBFD

Color Values

HEX

#BAEBFD

RGB

186, 235, 253

HSL

196.1, 94.4%, 86.1%

HSV

196.1, 26.5%, 99.2%

CMYK

26.5%, 7.1%, 0.0%, 0.8%

OKLCH

0.9118 0.0559 222.3

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BAEBFD

#FDCCBA

Analogous

#BAFDEE

#BACAFD

#BAEBFD

Triadic

#BAEBFD

#FDBAEB

#EBFDBA

Split Complementary

#BAEBFD

#FDBACA

#FDEEBA

Tetradic

#BAEBFD

#EEBAFD

#FDCCBA

#CAFDBA

Color Blindness Simulation

Original

#BAEBFD

Protanopia

#CFD0F9

Deuteranopia

#CCC9F8

Tritanopia

#BCF5F4

Achromatopsia

#E2E2E2

CSS Usage

background-color: #BAEBFD;
color: #BAEBFD;
border-color: #BAEBFD;
Nearest Tailwind: Sky 200 #BAE6FD

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAEBFD
300
#88DDFC
400
#48CAFA
500
#07B7F8
600
#0693C6
700
#05759F
800
#045C7C
900
#07445A
950
#052B39

Contrast Checker

Text on white

1.28:1

AA Fail AAA Fail

Text on black

16.39:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026