#BCCD86

#BCCD86

Color Values

HEX

#BCCD86

RGB

188, 205, 134

HSL

74.4, 41.5%, 66.5%

HSV

74.4, 34.6%, 80.4%

CMYK

8.3%, 0.0%, 34.6%, 19.6%

OKLCH

0.8185 0.0952 119.5

Properties

Cool Light Nearest: RAL 1000 Green Beige

Color Harmonies

Complementary

#BCCD86

#9786CD

Analogous

#CDBB86

#99CD86

#BCCD86

Triadic

#BCCD86

#86BCCD

#CD86BC

Split Complementary

#BCCD86

#8699CD

#BB86CD

Tetradic

#BCCD86

#86CDBB

#9786CD

#CD8699

Color Blindness Simulation

Original

#BCCD86

Protanopia

#C3C497

Deuteranopia

#C2C19B

Tritanopia

#BDA5A8

Achromatopsia

#C4C4C4

CSS Usage

background-color: #BCCD86;
color: #BCCD86;
border-color: #BCCD86;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F9FAF5
100
#F0F3E7
200
#E3EACC
300
#CFDBA8
400
#B5C879
500
#9BB44B
600
#7C903C
700
#637330
800
#4E5A25
900
#3A431E
950
#252A13

Contrast Checker

Text on white

1.72:1

AA Fail AAA Fail

Text on black

12.22:1

AA Pass AAA Pass

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

2월 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

2월 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

2월 19, 2026