#BCCDA1

#BCCDA1

Color Values

HEX

#BCCDA1

RGB

188, 205, 161

HSL

83.2, 30.6%, 71.8%

HSV

83.2, 21.5%, 80.4%

CMYK

8.3%, 0.0%, 21.5%, 19.6%

OKLCH

0.824 0.0623 124.9

Properties

Cool Light Nearest: RAL 7032 Pebble Grey

Color Harmonies

Complementary

#BCCDA1

#B2A1CD

Analogous

#CDC8A1

#A6CDA1

#BCCDA1

Triadic

#BCCDA1

#A1BCCD

#CDA1BC

Split Complementary

#BCCDA1

#A1A6CD

#C8A1CD

Tetradic

#BCCDA1

#A1CDC8

#B2A1CD

#CDA1A6

Color Blindness Simulation

Original

#BCCDA1

Protanopia

#C3C4AC

Deuteranopia

#C2C1AE

Tritanopia

#BDB4B6

Achromatopsia

#C6C6C6

CSS Usage

background-color: #BCCDA1;
color: #BCCDA1;
border-color: #BCCDA1;
Nearest Tailwind: Lime 100 #ECFCCB

Tailwind Shades

50
#F8F9F5
100
#EEF2E9
200
#DEE6D0
300
#C6D5AF
400
#A7BE84
500
#88A758
600
#6D8547
700
#576B39
800
#44532C
900
#333E23
950
#212716

Contrast Checker

Text on white

1.7:1

AA Fail AAA Fail

Text on black

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