#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

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026