#BCDDB4

#BCDDB4

Color Values

HEX

#BCDDB4

RGB

188, 221, 180

HSL

108.3, 37.6%, 78.6%

HSV

108.3, 18.6%, 86.7%

CMYK

14.9%, 0.0%, 18.6%, 13.3%

OKLCH

0.8627 0.0657 139.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BCDDB4

#D5B4DD

Analogous

#D0DDB4

#B4DDC0

#BCDDB4

Triadic

#BCDDB4

#B4BCDD

#DDB4BC

Split Complementary

#BCDDB4

#C0B4DD

#DDB4D0

Tetradic

#BCDDB4

#B4D0DD

#D5B4DD

#DDC0B4

Color Blindness Simulation

Original

#BCDDB4

Protanopia

#CACBBE

Deuteranopia

#C8C6C0

Tritanopia

#BEC6C7

Achromatopsia

#D3D3D3

CSS Usage

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

Tailwind Shades

50
#F6FAF5
100
#EAF3E7
200
#D3E9CE
300
#B4D9AB
400
#8BC47D
500
#62AF50
600
#4F8C40
700
#3F7033
800
#315828
900
#264120
950
#182914

Contrast Checker

Text on white

1.49:1

AA Fail AAA Fail

Text on black

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