#B4EC5D

#B4EC5D

Color Values

HEX

#B4EC5D

RGB

180, 236, 93

HSL

83.5, 79.0%, 64.5%

HSV

83.5, 60.6%, 92.5%

CMYK

23.7%, 0.0%, 60.6%, 7.5%

OKLCH

0.8765 0.1811 127.8

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#B4EC5D

#955DEC

Analogous

#ECDC5D

#6CEC5D

#B4EC5D

Triadic

#B4EC5D

#5DB4EC

#EC5DB4

Split Complementary

#B4EC5D

#5D6CEC

#DC5DEC

Tetradic

#B4EC5D

#5DECDC

#955DEC

#EC5D6C

Color Blindness Simulation

Original

#B4EC5D

Protanopia

#CCCD80

Deuteranopia

#C9C588

Tritanopia

#B79BA1

Achromatopsia

#D6D6D6

CSS Usage

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

Tailwind Shades

50
#F8FCF2
100
#F0F9E1
200
#E1F8BF
300
#CCF291
400
#B1EB56
500
#95E41B
600
#77B715
700
#609211
800
#4B720D
900
#38530E
950
#233409

Contrast Checker

Text on white

1.39:1

AA Fail AAA Fail

Text on black

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