#BEDCF5

#BEDCF5

Color Values

HEX

#BEDCF5

RGB

190, 220, 245

HSL

207.3, 73.3%, 85.3%

HSV

207.3, 22.4%, 96.1%

CMYK

22.4%, 10.2%, 0.0%, 3.9%

OKLCH

0.8806 0.0471 243.4

Properties

Cool Light Nearest: lightsteelblue 1

Color Harmonies

Complementary

#BEDCF5

#F5D7BE

Analogous

#BEF5F3

#BEC1F5

#BEDCF5

Triadic

#BEDCF5

#F5BEDC

#DCF5BE

Split Complementary

#BEDCF5

#F5BEC1

#F5F3BE

Tetradic

#BEDCF5

#F3BEF5

#F5D7BE

#C1F5BE

Color Blindness Simulation

Original

#BEDCF5

Protanopia

#CBCBEF

Deuteranopia

#C9C7EE

Tritanopia

#C0EAE9

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DEF5
300
#95C6EF
400
#5BA7E6
500
#2288DD
600
#1B6DB1
700
#16578D
800
#11446E
900
#103350
950
#0A2033

Contrast Checker

Text on white

1.42:1

AA Fail AAA Fail

Text on black

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