#BEEAE9

#BEEAE9

Color Values

HEX

#BEEAE9

RGB

190, 234, 233

HSL

178.6, 51.2%, 83.1%

HSV

178.6, 18.8%, 91.8%

CMYK

18.8%, 0.0%, 0.4%, 8.2%

OKLCH

0.9059 0.0454 194.7

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BEEAE9

#EABEBF

Analogous

#BEEAD3

#BED5EA

#BEEAE9

Triadic

#BEEAE9

#E9BEEA

#EAE9BE

Split Complementary

#BEEAE9

#EABED5

#EAD3BE

Tetradic

#BEEAE9

#D3BEEA

#EABEBF

#D5EABE

Color Blindness Simulation

Original

#BEEAE9

Protanopia

#D1D1E9

Deuteranopia

#CECBE9

Tritanopia

#C0E9E9

Achromatopsia

#E1E1E1

CSS Usage

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

Tailwind Shades

50
#F4FBFB
100
#E5F5F5
200
#C9EEED
300
#A2E1E0
400
#70D1CF
500
#3EC1BE
600
#329A98
700
#287B79
800
#1F605F
900
#1A4746
950
#102D2C

Contrast Checker

Text on white

1.3:1

AA Fail AAA Fail

Text on black

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