#B4FE84

#B4FE84

Color Values

HEX

#B4FE84

RGB

180, 254, 132

HSL

96.4, 98.4%, 75.7%

HSV

96.4, 48.0%, 99.6%

CMYK

29.1%, 0.0%, 48.0%, 0.4%

OKLCH

0.922 0.1711 134.3

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#B4FE84

#CE84FE

Analogous

#F1FE84

#84FE91

#B4FE84

Triadic

#B4FE84

#84B4FE

#FE84B4

Split Complementary

#B4FE84

#9184FE

#FE84F1

Tetradic

#B4FE84

#84F1FE

#CE84FE

#FE9184

Color Blindness Simulation

Original

#B4FE84

Protanopia

#D4D5A1

Deuteranopia

#D0CAA9

Tritanopia

#B8B9BE

Achromatopsia

#E5E5E5

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FEB8
300
#B5FE86
400
#8DFD44
500
#65FD02
600
#51CA02
700
#40A201
800
#327E01
900
#275B06
950
#193A04

Contrast Checker

Text on white

1.2:1

AA Fail AAA Fail

Text on black

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