#BEE5CA

#BEE5CA

Color Values

HEX

#BEE5CA

RGB

190, 229, 202

HSL

138.5, 42.9%, 82.2%

HSV

138.5, 17.0%, 89.8%

CMYK

17.0%, 0.0%, 11.8%, 10.2%

OKLCH

0.8866 0.0549 154.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BEE5CA

#E5BED9

Analogous

#C6E5BE

#BEE5DE

#BEE5CA

Triadic

#BEE5CA

#CABEE5

#E5CABE

Split Complementary

#BEE5CA

#DEBEE5

#E5BEC6

Tetradic

#BEE5CA

#BEC6E5

#E5BED9

#E5DEBE

Color Blindness Simulation

Original

#BEE5CA

Protanopia

#CFCFD1

Deuteranopia

#CDCAD2

Tritanopia

#C0D6D7

Achromatopsia

#DBDBDB

CSS Usage

background-color: #BEE5CA;
color: #BEE5CA;
border-color: #BEE5CA;
Nearest Tailwind: Emerald 100 #D1FAE5

Tailwind Shades

50
#F5FAF6
100
#E7F4EB
200
#CCEBD5
300
#A8DCB8
400
#78C991
500
#49B66B
600
#3A9255
700
#2F7544
800
#245B35
900
#1E4329
950
#132A1A

Contrast Checker

Text on white

1.38:1

AA Fail AAA Fail

Text on black

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