#BEDCEF

#BEDCEF

Color Values

HEX

#BEDCEF

RGB

190, 220, 239

HSL

203.3, 60.5%, 84.1%

HSV

203.3, 20.5%, 93.7%

CMYK

20.5%, 7.9%, 0.0%, 6.3%

OKLCH

0.8786 0.0413 235.8

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BEDCEF

#EFD1BE

Analogous

#BEEFEA

#BEC3EF

#BEDCEF

Triadic

#BEDCEF

#EFBEDC

#DCEFBE

Split Complementary

#BEDCEF

#EFBEC3

#EFEABE

Tetradic

#BEDCEF

#EABEEF

#EFD1BE

#C3EFBE

Color Blindness Simulation

Original

#BEDCEF

Protanopia

#CBCBEA

Deuteranopia

#C9C7E9

Tritanopia

#C0E7E6

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F3F8FB
100
#E4EFF6
200
#C6E0F1
300
#9DCAE7
400
#68ADDA
500
#3291CD
600
#2874A4
700
#205D83
800
#194866
900
#16364B
950
#0E222F

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

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