#BEEDF1

#BEEDF1

Color Values

HEX

#BEEDF1

RGB

190, 237, 241

HSL

184.7, 64.6%, 84.5%

HSV

184.7, 21.2%, 94.5%

CMYK

21.2%, 1.7%, 0.0%, 5.5%

OKLCH

0.9146 0.0485 202.8

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BEEDF1

#F1C2BE

Analogous

#BEF1DB

#BED3F1

#BEEDF1

Triadic

#BEEDF1

#F1BEED

#EDF1BE

Split Complementary

#BEEDF1

#F1BED3

#F1DBBE

Tetradic

#BEEDF1

#DBBEF1

#F1C2BE

#D3F1BE

Color Blindness Simulation

Original

#BEEDF1

Protanopia

#D2D3F0

Deuteranopia

#D0CCF0

Tritanopia

#C0EFEF

Achromatopsia

#E3E3E3

CSS Usage

background-color: #BEEDF1;
color: #BEEDF1;
border-color: #BEEDF1;
Nearest Tailwind: Cyan 100 #CFFAFE

Tailwind Shades

50
#F3FBFC
100
#E3F5F7
200
#C4EFF2
300
#9AE3E9
400
#64D4DE
500
#2DC5D2
600
#249EA8
700
#1D7E86
800
#176269
900
#14484D
950
#0D2E30

Contrast Checker

Text on white

1.27:1

AA Fail AAA Fail

Text on black

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