#B0FD7F

#B0FD7F

Color Values

HEX

#B0FD7F

RGB

176, 253, 127

HSL

96,7, 96,9%, 74,5%

HSV

96,7, 49,8%, 99,2%

CMYK

30,4%, 0,0%, 49,8%, 0,8%

OKLCH

0,9168 0,1763 134,6

Properties

Cool Light Nearest: darkolivegreen 2

Color Harmonies

Complementary

#B0FD7F

#CC7FFD

Analogous

#EFFD7F

#7FFD8D

#B0FD7F

Triadic

#B0FD7F

#7FB0FD

#FD7FB0

Split Complementary

#B0FD7F

#8D7FFD

#FD7FEF

Tetradic

#B0FD7F

#7FEFFD

#CC7FFD

#FD8D7F

Color Blindness Simulation

Original

#B0FD7F

Protanopia

#D1D29D

Deuteranopia

#CDC7A5

Tritanopia

#B4B6BB

Achromatopsia

#E4E4E4

CSS Usage

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

Tailwind Shades

50
#F6FEF1
100
#EAFCDE
200
#D4FEB9
300
#B5FD86
400
#8CFC45
500
#64FB04
600
#50C903
700
#40A103
800
#327E02
900
#275B06
950
#193904

Contrast Checker

Text on white

1,22:1

AA Fail AAA Fail

Text on black

17,2: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