#B1FC7F

#B1FC7F

Color Values

HEX

#B1FC7F

RGB

177, 252, 127

HSL

96.0, 95.4%, 74.3%

HSV

96.0, 49.6%, 98.8%

CMYK

29.8%, 0.0%, 49.6%, 1.2%

OKLCH

0.9151 0.1745 134.2

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#B1FC7F

#CA7FFC

Analogous

#EFFC7F

#7FFC8B

#B1FC7F

Triadic

#B1FC7F

#7FB1FC

#FC7FB1

Split Complementary

#B1FC7F

#8B7FFC

#FC7FEF

Tetradic

#B1FC7F

#7FEFFC

#CA7FFC

#FC8B7F

Color Blindness Simulation

Original

#B1FC7F

Protanopia

#D1D29D

Deuteranopia

#CDC8A4

Tritanopia

#B5B5BA

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDF
200
#D4FDB9
300
#B6FC87
400
#8FFB47
500
#67F906
600
#53C705
700
#429F04
800
#347D03
900
#285A07
950
#193904

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

17.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