#8FAA6C

#8FAA6C

Color Values

HEX

#8FAA6C

RGB

143, 170, 108

HSL

86.1, 26.7%, 54.5%

HSV

86.1, 36.5%, 66.7%

CMYK

15.9%, 0.0%, 36.5%, 33.3%

OKLCH

0.7021 0.0906 127.7

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#8FAA6C

#876CAA

Analogous

#AAA66C

#70AA6C

#8FAA6C

Triadic

#8FAA6C

#6C8FAA

#AA6C8F

Split Complementary

#8FAA6C

#6C70AA

#A66CAA

Tetradic

#8FAA6C

#6CAAA6

#876CAA

#AA6C70

Color Blindness Simulation

Original

#8FAA6C

Protanopia

#9B9B7B

Deuteranopia

#99977F

Tritanopia

#908789

Achromatopsia

#A0A0A0

CSS Usage

background-color: #8FAA6C;
color: #8FAA6C;
border-color: #8FAA6C;
Nearest Tailwind: Lime 700 #4D7C0F

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DDE5D2
300
#C4D2B1
400
#A4BA87
500
#84A25D
600
#6A814B
700
#54673C
800
#42512F
900
#323C25
950
#202617

Contrast Checker

Text on white

2.58:1

AA Fail AAA Fail

Text on black

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