#B4F95F

#B4F95F

Color Values

HEX

#B4F95F

RGB

180, 249, 95

HSL

86.9, 92.8%, 67.5%

HSV

86.9, 61.8%, 97.6%

CMYK

27.7%, 0.0%, 61.8%, 2.4%

OKLCH

0.9064 0.196 130.0

Properties

Cool Light Nearest: Inchworm

Color Harmonies

Complementary

#B4F95F

#A45FF9

Analogous

#F9F15F

#67F95F

#B4F95F

Triadic

#B4F95F

#5FB4F9

#F95FB4

Split Complementary

#B4F95F

#5F67F9

#F15FF9

Tetradic

#B4F95F

#5FF9F1

#A45FF9

#F95F67

Color Blindness Simulation

Original

#B4F95F

Protanopia

#D2D284

Deuteranopia

#CEC98D

Tritanopia

#B7A2A8

Achromatopsia

#DFDFDF

CSS Usage

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

Tailwind Shades

50
#F8FDF1
100
#EFFBDF
200
#DFFCBA
300
#C8FB89
400
#AAF849
500
#8CF609
600
#70C507
700
#599D06
800
#467B05
900
#355908
950
#213805

Contrast Checker

Text on white

1.26:1

AA Fail AAA Fail

Text on black

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