#BCED84

#BCED84

Color Values

HEX

#BCED84

RGB

188, 237, 132

HSL

88.0, 74.5%, 72.4%

HSV

88.0, 44.3%, 92.9%

CMYK

20.7%, 0.0%, 44.3%, 7.1%

OKLCH

0.8887 0.1433 129.4

Properties

Cool Light Nearest: Yellow Green

Color Harmonies

Complementary

#BCED84

#B584ED

Analogous

#EDEA84

#88ED84

#BCED84

Triadic

#BCED84

#84BCED

#ED84BC

Split Complementary

#BCED84

#8488ED

#EA84ED

Tetradic

#BCED84

#84EDEA

#B584ED

#ED8488

Color Blindness Simulation

Original

#BCED84

Protanopia

#D1D29D

Deuteranopia

#CECBA4

Tritanopia

#BEB1B6

Achromatopsia

#DBDBDB

CSS Usage

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

Tailwind Shades

50
#F8FCF3
100
#EEF8E2
200
#DDF6C1
300
#C5EF94
400
#A5E75A
500
#86DE21
600
#6BB21A
700
#568E15
800
#436F10
900
#335110
950
#20330A

Contrast Checker

Text on white

1.35:1

AA Fail AAA Fail

Text on black

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