#BBE0CE

#BBE0CE

Color Values

HEX

#BBE0CE

RGB

187, 224, 206

HSL

150.8, 37.4%, 80.6%

HSV

150.8, 16.5%, 87.8%

CMYK

16.5%, 0.0%, 8.0%, 12.2%

OKLCH

0.875 0.046 164.4

Properties

Cool Light Nearest: honeydew 3

Color Harmonies

Complementary

#BBE0CE

#E0BBCD

Analogous

#BBE0BC

#BBE0E0

#BBE0CE

Triadic

#BBE0CE

#CEBBE0

#E0CEBB

Split Complementary

#BBE0CE

#E0BBE0

#E0BCBB

Tetradic

#BBE0CE

#BCBBE0

#E0BBCD

#E0E0BB

Color Blindness Simulation

Original

#BBE0CE

Protanopia

#CBCBD2

Deuteranopia

#C9C6D3

Tritanopia

#BDD6D7

Achromatopsia

#D7D7D7

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F3ED
200
#CEE9DC
300
#ABD9C2
400
#7DC4A2
500
#50AF81
600
#408C67
700
#337052
800
#285840
900
#204131
950
#14291F

Contrast Checker

Text on white

1.43:1

AA Fail AAA Fail

Text on black

14.67:1

AA Pass AAA Pass

Related Articles

Tutorials

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

ม.ค. 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

ม.ค. 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

ม.ค. 15, 2026