#BBE4CB

#BBE4CB

Color Values

HEX

#BBE4CB

RGB

187, 228, 203

HSL

143.4, 43.2%, 81.4%

HSV

143.4, 18.0%, 89.4%

CMYK

18.0%, 0.0%, 11.0%, 10.6%

OKLCH

0.8828 0.0548 158.3

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BBE4CB

#E4BBD4

Analogous

#C0E4BB

#BBE4E0

#BBE4CB

Triadic

#BBE4CB

#CBBBE4

#E4CBBB

Split Complementary

#BBE4CB

#E0BBE4

#E4BBC0

Tetradic

#BBE4CB

#BBC0E4

#E4BBD4

#E4E0BB

Color Blindness Simulation

Original

#BBE4CB

Protanopia

#CDCDD1

Deuteranopia

#CAC7D2

Tritanopia

#BDD6D7

Achromatopsia

#D9D9D9

CSS Usage

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

Tailwind Shades

50
#F5FAF7
100
#E7F4EC
200
#CCEBD8
300
#A7DCBC
400
#78C998
500
#48B773
600
#3A925C
700
#2E754A
800
#245B3A
900
#1E432C
950
#132A1C

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

15.07:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026