#BBECC1

#BBECC1

Color Values

HEX

#BBECC1

RGB

187, 236, 193

HSL

127.3, 56.3%, 82.9%

HSV

127.3, 20.8%, 92.5%

CMYK

20.8%, 0.0%, 18.2%, 7.5%

OKLCH

0.8975 0.0772 148.2

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BBECC1

#ECBBE6

Analogous

#CDECBB

#BBECD9

#BBECC1

Triadic

#BBECC1

#C1BBEC

#ECC1BB

Split Complementary

#BBECC1

#D9BBEC

#ECBBCD

Tetradic

#BBECC1

#BBCDEC

#ECBBE6

#ECD9BB

Color Blindness Simulation

Original

#BBECC1

Protanopia

#D0D1CB

Deuteranopia

#CDCACE

Tritanopia

#BDD4D5

Achromatopsia

#DEDEDE

CSS Usage

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

Tailwind Shades

50
#F4FBF5
100
#E5F6E7
200
#C7EFCC
300
#9FE4A8
400
#6CD678
500
#38C749
600
#2D9F3B
700
#24802F
800
#1C6425
900
#18491E
950
#0F2E13

Contrast Checker

Text on white

1.32:1

AA Fail AAA Fail

Text on black

15.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