#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

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