#BCEC55

#BCEC55

Color Values

HEX

#BCEC55

RGB

188, 236, 85

HSL

79,1, 79,9%, 62,9%

HSV

79,1, 64,0%, 92,5%

CMYK

20,3%, 0,0%, 64,0%, 7,5%

OKLCH

0,8809 0,1835 125,1

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#BCEC55

#8555EC

Analogous

#ECD155

#70EC55

#BCEC55

Triadic

#BCEC55

#55BCEC

#EC55BC

Split Complementary

#BCEC55

#5570EC

#D155EC

Tetradic

#BCEC55

#55ECD1

#8555EC

#EC5570

Color Blindness Simulation

Original

#BCEC55

Protanopia

#D1D179

Deuteranopia

#CECA82

Tritanopia

#BE969D

Achromatopsia

#D7D7D7

CSS Usage

background-color: #BCEC55;
color: #BCEC55;
border-color: #BCEC55;
Nearest Tailwind: Lime 300 #BEF264

Tailwind Shades

50
#F9FDF2
100
#F2F9E1
200
#E6F8BF
300
#D4F391
400
#BCEC55
500
#A5E51A
600
#84B715
700
#699310
800
#52730D
900
#3D530E
950
#273509

Contrast Checker

Text on white

1,38:1

AA Fail AAA Fail

Text on black

15,27:1

AA Pass AAA Pass

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026