#BED4F1

#BED4F1

Color Values

HEX

#BED4F1

RGB

190, 212, 241

HSL

214.1, 64.6%, 84.5%

HSV

214.1, 21.2%, 94.5%

CMYK

21.2%, 12.0%, 0.0%, 5.5%

OKLCH

0.8629 0.0469 255.4

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BED4F1

#F1DBBE

Analogous

#BEEEF1

#C1BEF1

#BED4F1

Triadic

#BED4F1

#F1BED4

#D4F1BE

Split Complementary

#BED4F1

#F1C1BE

#EEF1BE

Tetradic

#BED4F1

#F1BEEE

#F1DBBE

#BEF1C1

Color Blindness Simulation

Original

#BED4F1

Protanopia

#C8C8EA

Deuteranopia

#C6C5E8

Tritanopia

#BFE4E3

Achromatopsia

#D1D1D1

CSS Usage

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

Tailwind Shades

50
#F3F7FC
100
#E3ECF7
200
#C4D8F2
300
#9ABCE9
400
#6498DE
500
#2D74D2
600
#245DA8
700
#1D4A86
800
#173A69
900
#142D4D
950
#0D1C30

Contrast Checker

Text on white

1.51:1

AA Fail AAA Fail

Text on black

13.88:1

AA Pass AAA Pass

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026