#BCDB80

#BCDB80

Color Values

HEX

#BCDB80

RGB

188, 219, 128

HSL

80.4, 55.8%, 68.0%

HSV

80.4, 41.6%, 85.9%

CMYK

14.2%, 0.0%, 41.6%, 14.1%

OKLCH

0.8482 0.1219 124.3

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BCDB80

#9F80DB

Analogous

#DBCC80

#8EDB80

#BCDB80

Triadic

#BCDB80

#80BCDB

#DB80BC

Split Complementary

#BCDB80

#808EDB

#CC80DB

Tetradic

#BCDB80

#80DBCC

#9F80DB

#DB808E

Color Blindness Simulation

Original

#BCDB80

Protanopia

#C9CA96

Deuteranopia

#C8C59B

Tritanopia

#BEA7AB

Achromatopsia

#CECECE

CSS Usage

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

Tailwind Shades

50
#F9FBF4
100
#F0F6E5
200
#E2EFC7
300
#CDE4A0
400
#B1D56C
500
#96C738
600
#789F2D
700
#607F24
800
#4B631C
900
#384918
950
#242E0F

Contrast Checker

Text on white

1.55:1

AA Fail AAA Fail

Text on black

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