#BEDEF1

#BEDEF1

Color Values

HEX

#BEDEF1

RGB

190, 222, 241

HSL

202.4, 64.6%, 84.5%

HSV

202.4, 21.2%, 94.5%

CMYK

21.2%, 7.9%, 0.0%, 5.5%

OKLCH

0.8834 0.0428 234.0

Properties

Cool Light Nearest: lightblue 2

Color Harmonies

Complementary

#BEDEF1

#F1D1BE

Analogous

#BEF1EB

#BEC4F1

#BEDEF1

Triadic

#BEDEF1

#F1BEDE

#DEF1BE

Split Complementary

#BEDEF1

#F1BEC4

#F1EBBE

Tetradic

#BEDEF1

#EBBEF1

#F1D1BE

#C4F1BE

Color Blindness Simulation

Original

#BEDEF1

Protanopia

#CCCCEC

Deuteranopia

#CAC8EB

Tritanopia

#C0E9E8

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F3F8FC
100
#E3F0F7
200
#C4E1F2
300
#9ACCE9
400
#64B0DE
500
#2D94D2
600
#2477A8
700
#1D5F86
800
#174A69
900
#14384D
950
#0D2330

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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