#BAE6FF

#BAE6FF

Color Values

HEX

#BAE6FF

RGB

186, 230, 255

HSL

201.7, 100.0%, 86.5%

HSV

201.7, 27.1%, 100.0%

CMYK

27.1%, 9.8%, 0.0%, 0.0%

OKLCH

0.9021 0.0571 233.1

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BAE6FF

#FFD3BA

Analogous

#BAFFF5

#BAC4FF

#BAE6FF

Triadic

#BAE6FF

#FFBAE6

#E6FFBA

Split Complementary

#BAE6FF

#FFBAC4

#FFF5BA

Tetradic

#BAE6FF

#F5BAFF

#FFD3BA

#C4FFBA

Color Blindness Simulation

Original

#BAE6FF

Protanopia

#CDCDF9

Deuteranopia

#CAC7F8

Tritanopia

#BCF4F3

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F1F9FE
100
#DEF1FC
200
#B8E5FF
300
#85D3FF
400
#42BBFF
500
#00A3FF
600
#0082CC
700
#0068A3
800
#005180
900
#053D5C
950
#03263A

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.85: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