#BED6FD

#BED6FD

Color Values

HEX

#BED6FD

RGB

190, 214, 253

HSL

217.1, 94.0%, 86.9%

HSV

217.1, 24.9%, 99.2%

CMYK

24.9%, 15.4%, 0.0%, 0.8%

OKLCH

0.8712 0.0602 260.1

Properties

Cool Light Nearest: lightsteelblue 2

Color Harmonies

Complementary

#BED6FD

#FDE5BE

Analogous

#BEF6FD

#C6BEFD

#BED6FD

Triadic

#BED6FD

#FDBED6

#D6FDBE

Split Complementary

#BED6FD

#FDC6BE

#F6FDBE

Tetradic

#BED6FD

#FDBEF6

#FDE5BE

#BEFDC6

Color Blindness Simulation

Original

#BED6FD

Protanopia

#C8C9F4

Deuteranopia

#C7C5F1

Tritanopia

#BFECEA

Achromatopsia

#D4D4D4

CSS Usage

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

Tailwind Shades

50
#F1F6FD
100
#DFEAFB
200
#BAD3FD
300
#88B4FB
400
#488CF9
500
#0863F7
600
#064FC6
700
#053F9E
800
#04327C
900
#072759
950
#051838

Contrast Checker

Text on white

1.48:1

AA Fail AAA Fail

Text on black

14.23:1

AA Pass AAA Pass

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026