#BEE0FD

#BEE0FD

Color Values

HEX

#BEE0FD

RGB

190, 224, 253

HSL

207.6, 94.0%, 86.9%

HSV

207.6, 24.9%, 99.2%

CMYK

24.9%, 11.5%, 0.0%, 0.8%

OKLCH

0.8915 0.0538 244.2

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BEE0FD

#FDDBBE

Analogous

#BEFDFA

#BEC1FD

#BEE0FD

Triadic

#BEE0FD

#FDBEE0

#E0FDBE

Split Complementary

#BEE0FD

#FDBEC1

#FDFABE

Tetradic

#BEE0FD

#FABEFD

#FDDBBE

#C1FDBE

Color Blindness Simulation

Original

#BEE0FD

Protanopia

#CDCDF6

Deuteranopia

#CBC8F4

Tritanopia

#C0F0EF

Achromatopsia

#DBDBDB

CSS Usage

background-color: #BEE0FD;
color: #BEE0FD;
border-color: #BEE0FD;
Nearest Tailwind: Blue 200 #BFDBFE

Tailwind Shades

50
#F1F8FD
100
#DFEEFB
200
#BADEFD
300
#88C6FB
400
#48A8F9
500
#0889F7
600
#066EC6
700
#05589E
800
#04457C
900
#073459
950
#052138

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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