#BEEDFD

#BEEDFD

Color Values

HEX

#BEEDFD

RGB

190, 237, 253

HSL

195,2, 94,0%, 86,9%

HSV

195,2, 24,9%, 99,2%

CMYK

24,9%, 6,3%, 0,0%, 0,8%

OKLCH

0,9184 0,053 220,6

Properties

Cool Light Nearest: lightblue 1

Color Harmonies

Complementary

#BEEDFD

#FDCEBE

Analogous

#BEFDEE

#BECEFD

#BEEDFD

Triadic

#BEEDFD

#FDBEED

#EDFDBE

Split Complementary

#BEEDFD

#FDBECE

#FDEEBE

Tetradic

#BEEDFD

#EEBEFD

#FDCEBE

#CEFDBE

Color Blindness Simulation

Original

#BEEDFD

Protanopia

#D2D3F9

Deuteranopia

#D0CCF8

Tritanopia

#C0F6F5

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F1FAFD
100
#DFF4FB
200
#BAECFD
300
#88DEFB
400
#48CCF9
500
#08BBF7
600
#0695C6
700
#05779E
800
#045D7C
900
#074559
950
#052B38

Contrast Checker

Text on white

1,26:1

AA Fail AAA Fail

Text on black

16,72:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

يناير 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

يناير 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

يناير 15, 2026