#BCD8B2

#BCD8B2

Color Values

HEX

#BCD8B2

RGB

188, 216, 178

HSL

104.2, 32.8%, 77.3%

HSV

104.2, 17.6%, 84.7%

CMYK

13.0%, 0.0%, 17.6%, 15.3%

OKLCH

0.8515 0.0597 137.5

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BCD8B2

#CEB2D8

Analogous

#CFD8B2

#B2D8BB

#BCD8B2

Triadic

#BCD8B2

#B2BCD8

#D8B2BC

Split Complementary

#BCD8B2

#BBB2D8

#D8B2CF

Tetradic

#BCD8B2

#B2CFD8

#CEB2D8

#D8BBB2

Color Blindness Simulation

Original

#BCD8B2

Protanopia

#C8C8BB

Deuteranopia

#C6C4BD

Tritanopia

#BDC2C4

Achromatopsia

#CFCFCF

CSS Usage

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

Tailwind Shades

50
#F6F9F5
100
#EBF2E8
200
#D6E7D0
300
#B8D6AE
400
#92C082
500
#6CA956
600
#568745
700
#456C37
800
#36552B
900
#2A3F22
950
#1A2816

Contrast Checker

Text on white

1.54:1

AA Fail AAA Fail

Text on black

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