#BBEACC

#BBEACC

Color Values

HEX

#BBEACC

RGB

187, 234, 204

HSL

141.7, 52.8%, 82.5%

HSV

141.7, 20.1%, 91.8%

CMYK

20.1%, 0.0%, 12.8%, 8.2%

OKLCH

0.8959 0.0635 156.9

Properties

Cool Light Nearest: Magic Mint

Color Harmonies

Complementary

#BBEACC

#EABBD9

Analogous

#C1EABB

#BBEAE3

#BBEACC

Triadic

#BBEACC

#CCBBEA

#EACCBB

Split Complementary

#BBEACC

#E3BBEA

#EABBC1

Tetradic

#BBEACC

#BBC1EA

#EABBD9

#EAE3BB

Color Blindness Simulation

Original

#BBEACC

Protanopia

#CFD0D3

Deuteranopia

#CDC9D5

Tritanopia

#BDD9DA

Achromatopsia

#DEDEDE

CSS Usage

background-color: #BBEACC;
color: #BBEACC;
border-color: #BBEACC;
Nearest Tailwind: Green 200 #BBF7D0

Tailwind Shades

50
#F4FBF6
100
#E5F5EB
200
#C8EED6
300
#A1E2B9
400
#6FD293
500
#3CC36D
600
#309C57
700
#277D46
800
#1E6136
900
#19472A
950
#102D1B

Contrast Checker

Text on white

1.33:1

AA Fail AAA Fail

Text on black

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