#BEE3FF

#BEE3FF

Color Values

HEX

#BEE3FF

RGB

190, 227, 255

HSL

205.8, 100.0%, 87.3%

HSV

205.8, 25.5%, 100.0%

CMYK

25.5%, 11.0%, 0.0%, 0.0%

OKLCH

0.8984 0.0548 240.9

Properties

Cool Light Nearest: lightskyblue 1

Color Harmonies

Complementary

#BEE3FF

#FFDABE

Analogous

#BEFFFA

#BEC3FF

#BEE3FF

Triadic

#BEE3FF

#FFBEE3

#E3FFBE

Split Complementary

#BEE3FF

#FFBEC3

#FFFABE

Tetradic

#BEE3FF

#FABEFF

#FFDABE

#C3FFBE

Color Blindness Simulation

Original

#BEE3FF

Protanopia

#CECEF8

Deuteranopia

#CCC9F7

Tritanopia

#C0F3F2

Achromatopsia

#DDDDDD

CSS Usage

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

Tailwind Shades

50
#F1F8FE
100
#DEEFFC
200
#B8E0FF
300
#85CAFF
400
#42AEFF
500
#0091FF
600
#0074CC
700
#005DA3
800
#004980
900
#05375C
950
#03223A

Contrast Checker

Text on white

1.34:1

AA Fail AAA Fail

Text on black

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