#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