#BEE6FD

#BEE6FD

Color Values

HEX

#BEE6FD

RGB

190, 230, 253

HSL

201.9, 94.0%, 86.9%

HSV

201.9, 24.9%, 99.2%

CMYK

24.9%, 9.1%, 0.0%, 0.8%

OKLCH

0.9039 0.0523 233.3

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BEE6FD

#FDD5BE

Analogous

#BEFDF5

#BEC7FD

#BEE6FD

Triadic

#BEE6FD

#FDBEE6

#E6FDBE

Split Complementary

#BEE6FD

#FDBEC7

#FDF5BE

Tetradic

#BEE6FD

#F5BEFD

#FDD5BE

#C7FDBE

Color Blindness Simulation

Original

#BEE6FD

Protanopia

#CFD0F7

Deuteranopia

#CDCAF6

Tritanopia

#C0F3F2

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F1F9FD
100
#DFF1FB
200
#BAE4FD
300
#88D1FB
400
#48B9F9
500
#08A0F7
600
#0680C6
700
#05669E
800
#04507C
900
#073C59
950
#052638

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

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