#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

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026