#BAE7FC

#BAE7FC

Color Values

HEX

#BAE7FC

RGB

186, 231, 252

HSL

199.1, 91.7%, 85.9%

HSV

199.1, 26.2%, 98.8%

CMYK

26.2%, 8.3%, 0.0%, 1.2%

OKLCH

0.9031 0.0547 228.0

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BAE7FC

#FCCFBA

Analogous

#BAFCF0

#BAC6FC

#BAE7FC

Triadic

#BAE7FC

#FCBAE7

#E7FCBA

Split Complementary

#BAE7FC

#FCBAC6

#FCF0BA

Tetradic

#BAE7FC

#F0BAFC

#FCCFBA

#C6FCBA

Color Blindness Simulation

Original

#BAE7FC

Protanopia

#CDCEF7

Deuteranopia

#CBC8F6

Tritanopia

#BCF3F2

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF2FB
200
#BBE7FC
300
#8AD6FA
400
#4AC0F7
500
#0BAAF4
600
#0888C4
700
#076D9C
800
#05557A
900
#083F58
950
#052838

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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