#8FA968

#8FA968

Color Values

HEX

#8FA968

RGB

143, 169, 104

HSL

84.0, 27.4%, 53.5%

HSV

84.0, 38.5%, 66.3%

CMYK

15.4%, 0.0%, 38.5%, 33.7%

OKLCH

0.699 0.0938 126.5

Properties

Cool Light Nearest: Asparagus

Color Harmonies

Complementary

#8FA968

#8268A9

Analogous

#A9A268

#6EA968

#8FA968

Triadic

#8FA968

#688FA9

#A9688F

Split Complementary

#8FA968

#686EA9

#A268A9

Tetradic

#8FA968

#68A9A2

#8268A9

#A9686E

Color Blindness Simulation

Original

#8FA968

Protanopia

#9A9A78

Deuteranopia

#99977C

Tritanopia

#908487

Achromatopsia

#9F9F9F

CSS Usage

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

Tailwind Shades

50
#F8F9F6
100
#EEF1E9
200
#DDE5D2
300
#C5D3B1
400
#A6BB87
500
#86A25D
600
#6C824A
700
#56683B
800
#43512E
900
#333C25
950
#202617

Contrast Checker

Text on white

2.61:1

AA Fail AAA Fail

Text on black

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