#B1FD87

#B1FD87

Color Values

HEX

#B1FD87

RGB

177, 253, 135

HSL

98.6, 96.7%, 76.1%

HSV

98.6, 46.6%, 99.2%

CMYK

30.0%, 0.0%, 46.6%, 0.8%

OKLCH

0.9185 0.1684 135.4

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#B1FD87

#D387FD

Analogous

#ECFD87

#87FD98

#B1FD87

Triadic

#B1FD87

#87B1FD

#FD87B1

Split Complementary

#B1FD87

#9887FD

#FD87EC

Tetradic

#B1FD87

#87ECFD

#D387FD

#FD9887

Color Blindness Simulation

Original

#B1FD87

Protanopia

#D2D3A4

Deuteranopia

#CEC8AA

Tritanopia

#B5BABF

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#E9FCDE
200
#D1FEB9
300
#B1FD87
400
#86FC45
500
#5CFB04
600
#4AC903
700
#3BA103
800
#2E7D02
900
#245B06
950
#173904

Contrast Checker

Text on white

1.22:1

AA Fail AAA Fail

Text on black

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