#BEE4E7

#BEE4E7

Color Values

HEX

#BEE4E7

RGB

190, 228, 231

HSL

184.4, 46.1%, 82.5%

HSV

184.4, 17.7%, 90.6%

CMYK

17.7%, 1.3%, 0.0%, 9.4%

OKLCH

0.8927 0.0398 202.4

Properties

Cool Light Nearest: powderblue

Color Harmonies

Complementary

#BEE4E7

#E7C1BE

Analogous

#BEE7D5

#BECFE7

#BEE4E7

Triadic

#BEE4E7

#E7BEE4

#E4E7BE

Split Complementary

#BEE4E7

#E7BECF

#E7D5BE

Tetradic

#BEE4E7

#D5BEE7

#E7C1BE

#CFE7BE

Color Blindness Simulation

Original

#BEE4E7

Protanopia

#CECFE6

Deuteranopia

#CCC9E6

Tritanopia

#C0E6E6

Achromatopsia

#DCDCDC

CSS Usage

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

Tailwind Shades

50
#F4FAFA
100
#E6F3F4
200
#CBE9EC
300
#A6DADE
400
#75C6CC
500
#45B2BA
600
#378E95
700
#2C7277
800
#22595D
900
#1C4245
950
#12292B

Contrast Checker

Text on white

1.36:1

AA Fail AAA Fail

Text on black

15.44:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026