#8FC481

#8FC481

Color Values

HEX

#8FC481

RGB

143, 196, 129

HSL

107,5, 36,2%, 63,7%

HSV

107,5, 34,2%, 76,9%

CMYK

27,0%, 0,0%, 34,2%, 23,1%

OKLCH

0,7664 0,1081 139,2

Properties

Cool Light Nearest: Fern

Color Harmonies

Complementary

#8FC481

#B681C4

Analogous

#B0C481

#81C494

#8FC481

Triadic

#8FC481

#818FC4

#C4818F

Split Complementary

#8FC481

#9481C4

#C481B0

Tetradic

#8FC481

#81B0C4

#B681C4

#C49481

Color Blindness Simulation

Original

#8FC481

Protanopia

#A6A691

Deuteranopia

#A39F95

Tritanopia

#929EA1

Achromatopsia

#B4B4B4

CSS Usage

background-color: #8FC481;
color: #8FC481;
border-color: #8FC481;
Nearest Tailwind: Green 300 #86EFAC

Tailwind Shades

50
#F6FAF5
100
#EAF3E8
200
#D4E8CE
300
#B5D8AC
400
#8DC37E
500
#65AE51
600
#508B41
700
#406F34
800
#325729
900
#274021
950
#192915

Contrast Checker

Text on white

2,02:1

AA Fail AAA Fail

Text on black

10,38: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