#BED5DF

#BED5DF

Color Values

HEX

#BED5DF

RGB

190, 213, 223

HSL

198.2, 34.0%, 81.0%

HSV

198.2, 14.8%, 87.5%

CMYK

14.8%, 4.5%, 0.0%, 12.5%

OKLCH

0.859 0.0284 225.7

Properties

Cool Light Nearest: lightcyan 3

Color Harmonies

Complementary

#BED5DF

#DFC8BE

Analogous

#BEDFD9

#BEC5DF

#BED5DF

Triadic

#BED5DF

#DFBED5

#D5DFBE

Split Complementary

#BED5DF

#DFBEC5

#DFD9BE

Tetradic

#BED5DF

#D9BEDF

#DFC8BE

#C5DFBE

Color Blindness Simulation

Original

#BED5DF

Protanopia

#C8C8DD

Deuteranopia

#C7C5DC

Tritanopia

#BFDBDA

Achromatopsia

#D1D1D1

CSS Usage

background-color: #BED5DF;
color: #BED5DF;
border-color: #BED5DF;
Nearest Tailwind: Slate 300 #CBD5E1

Tailwind Shades

50
#F5F8FA
100
#E8EFF2
200
#CFE0E7
300
#ADCAD7
400
#81ADC1
500
#5491AB
600
#437489
700
#365D6D
800
#2A4855
900
#22363F
950
#152228

Contrast Checker

Text on white

1.52:1

AA Fail AAA Fail

Text on black

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