#BCD497

#BCD497

Color Values

HEX

#BCD497

RGB

188, 212, 151

HSL

83.6, 41.5%, 71.2%

HSV

83.6, 28.8%, 83.1%

CMYK

11.3%, 0.0%, 28.8%, 16.9%

OKLCH

0.8369 0.0854 125.6

Properties

Cool Light Nearest: RAL 6019 Pastel Green

Color Harmonies

Complementary

#BCD497

#AF97D4

Analogous

#D4CE97

#9ED497

#BCD497

Triadic

#BCD497

#97BCD4

#D497BC

Split Complementary

#BCD497

#979ED4

#CE97D4

Tetradic

#BCD497

#97D4CE

#AF97D4

#D4979E

Color Blindness Simulation

Original

#BCD497

Protanopia

#C6C7A6

Deuteranopia

#C5C3A9

Tritanopia

#BDB1B4

Achromatopsia

#CACACA

CSS Usage

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

Tailwind Shades

50
#F8FAF5
100
#EEF3E7
200
#DEEACC
300
#C7DBA8
400
#A9C879
500
#8BB44B
600
#6F903C
700
#597330
800
#455A25
900
#34431E
950
#212A13

Contrast Checker

Text on white

1.62:1

AA Fail AAA Fail

Text on black

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