#8FBE72

#8FBE72

Color Values

HEX

#8FBE72

RGB

143, 190, 114

HSL

97.1, 36.9%, 59.6%

HSV

97.1, 40.0%, 74.5%

CMYK

24.7%, 0.0%, 40.0%, 25.5%

OKLCH

0.7497 0.115 134.3

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#8FBE72

#A172BE

Analogous

#B5BE72

#72BE7B

#8FBE72

Triadic

#8FBE72

#728FBE

#BE728F

Split Complementary

#8FBE72

#7B72BE

#BE72B5

Tetradic

#8FBE72

#72B5BE

#A172BE

#BE7B72

Color Blindness Simulation

Original

#8FBE72

Protanopia

#A3A484

Deuteranopia

#A19D89

Tritanopia

#919396

Achromatopsia

#AFAFAF

CSS Usage

background-color: #8FBE72;
color: #8FBE72;
border-color: #8FBE72;
Nearest Tailwind: Lime 200 #D9F99D

Tailwind Shades

50
#F7FAF5
100
#ECF3E8
200
#D8E8CE
300
#BCD8AB
400
#98C37E
500
#74AF50
600
#5D8C40
700
#4A7033
800
#3A5728
900
#2D4120
950
#1C2914

Contrast Checker

Text on white

2.15:1

AA Fail AAA Fail

Text on black

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