#BEE0DF

#BEE0DF

Color Values

HEX

#BEE0DF

RGB

190, 224, 223

HSL

178,2, 35,4%, 81,2%

HSV

178,2, 15,2%, 87,8%

CMYK

15,2%, 0,0%, 0,4%, 12,2%

OKLCH

0,8819 0,0358 194,3

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BEE0DF

#E0BEBF

Analogous

#BEE0CE

#BED0E0

#BEE0DF

Triadic

#BEE0DF

#DFBEE0

#E0DFBE

Split Complementary

#BEE0DF

#E0BED0

#E0CEBE

Tetradic

#BEE0DF

#CEBEE0

#E0BEBF

#D0E0BE

Color Blindness Simulation

Original

#BEE0DF

Protanopia

#CDCDDF

Deuteranopia

#CBC8DF

Tritanopia

#C0DFDF

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5FAFA
100
#E8F3F2
200
#CFE8E7
300
#ACD7D6
400
#7FC2C0
500
#52ADAA
600
#428A88
700
#356E6D
800
#295655
900
#21403F
950
#152828

Contrast Checker

Text on white

1,41:1

AA Fail AAA Fail

Text on black

14,92: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