#BBE3C2

#BBE3C2

Color Values

HEX

#BBE3C2

RGB

187, 227, 194

HSL

130.5, 41.7%, 81.2%

HSV

130.5, 17.6%, 89.0%

CMYK

17.6%, 0.0%, 14.5%, 11.0%

OKLCH

0.8783 0.0615 150.1

Properties

Cool Light Nearest: Sea Green

Color Harmonies

Complementary

#BBE3C2

#E3BBDC

Analogous

#C8E3BB

#BBE3D6

#BBE3C2

Triadic

#BBE3C2

#C2BBE3

#E3C2BB

Split Complementary

#BBE3C2

#D6BBE3

#E3BBC8

Tetradic

#BBE3C2

#BBC8E3

#E3BBDC

#E3D6BB

Color Blindness Simulation

Original

#BBE3C2

Protanopia

#CCCDCA

Deuteranopia

#CAC7CC

Tritanopia

#BDD0D2

Achromatopsia

#D8D8D8

CSS Usage

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

Tailwind Shades

50
#F5FAF6
100
#E7F3E9
200
#CCEAD2
300
#A8DBB1
400
#79C887
500
#4AB55D
600
#3B914A
700
#30743B
800
#255A2E
900
#1E4325
950
#132A17

Contrast Checker

Text on white

1.41:1

AA Fail AAA Fail

Text on black

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