#BCED80

#BCED80

Color Values

HEX

#BCED80

RGB

188, 237, 128

HSL

87.0, 75.2%, 71.6%

HSV

87.0, 46.0%, 92.9%

CMYK

20.7%, 0.0%, 46.0%, 7.1%

OKLCH

0.8881 0.1473 128.9

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BCED80

#B180ED

Analogous

#EDE880

#86ED80

#BCED80

Triadic

#BCED80

#80BCED

#ED80BC

Split Complementary

#BCED80

#8086ED

#E880ED

Tetradic

#BCED80

#80EDE8

#B180ED

#ED8086

Color Blindness Simulation

Original

#BCED80

Protanopia

#D1D29A

Deuteranopia

#CECBA1

Tritanopia

#BEAFB4

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#EEF9E2
200
#DEF6C0
300
#C6F094
400
#A8E85A
500
#89DF20
600
#6EB319
700
#588F14
800
#457010
900
#345110
950
#21330A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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