#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

Şub 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Şub 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Şub 19, 2026