#BEDBF3

#BEDBF3

Color Values

HEX

#BEDBF3

RGB

190, 219, 243

HSL

207.2, 68.8%, 84.9%

HSV

207.2, 21.8%, 95.3%

CMYK

21.8%, 9.9%, 0.0%, 4.7%

OKLCH

0.8779 0.0454 243.2

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BEDBF3

#F3D6BE

Analogous

#BEF3F1

#BEC0F3

#BEDBF3

Triadic

#BEDBF3

#F3BEDB

#DBF3BE

Split Complementary

#BEDBF3

#F3BEC0

#F3F1BE

Tetradic

#BEDBF3

#F1BEF3

#F3D6BE

#C0F3BE

Color Blindness Simulation

Original

#BEDBF3

Protanopia

#CBCBED

Deuteranopia

#C9C7EC

Tritanopia

#BFE9E8

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3EEF8
200
#C3DEF4
300
#98C6EC
400
#60A7E2
500
#2888D7
600
#206DAC
700
#19578A
800
#14446C
900
#12334E
950
#0C2032

Contrast Checker

Text on white

1.44:1

AA Fail AAA Fail

Text on black

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