#B0FC87

#B0FC87

Color Values

HEX

#B0FC87

RGB

176, 252, 135

HSL

99.0, 95.1%, 75.9%

HSV

99.0, 46.4%, 98.8%

CMYK

30.2%, 0.0%, 46.4%, 1.2%

OKLCH

0.9156 0.1675 135.5

Properties

Cool Light Nearest: palegreen

Color Harmonies

Complementary

#B0FC87

#D387FC

Analogous

#EAFC87

#87FC99

#B0FC87

Triadic

#B0FC87

#87B0FC

#FC87B0

Split Complementary

#B0FC87

#9987FC

#FC87EA

Tetradic

#B0FC87

#87EAFC

#D387FC

#FC9987

Color Blindness Simulation

Original

#B0FC87

Protanopia

#D1D2A3

Deuteranopia

#CCC7AA

Tritanopia

#B4BABF

Achromatopsia

#E3E3E3

CSS Usage

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

Tailwind Shades

50
#F5FEF1
100
#E9FCDF
200
#D1FDB9
300
#B0FC88
400
#86FA47
500
#5BF906
600
#49C705
700
#3A9F04
800
#2E7C03
900
#245A07
950
#173904

Contrast Checker

Text on white

1.23:1

AA Fail AAA Fail

Text on black

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