#8F9715

#8F9715

Color Values

HEX

#8F9715

RGB

143, 151, 21

HSL

63.7, 75.6%, 33.7%

HSV

63.7, 86.1%, 59.2%

CMYK

5.3%, 0.0%, 86.1%, 40.8%

OKLCH

0.6484 0.1397 113.5

Properties

Cool Light Nearest: yellow 4

Color Harmonies

Complementary

#8F9715

#1D1597

Analogous

#975E15

#4E9715

#8F9715

Triadic

#8F9715

#158F97

#97158F

Split Complementary

#8F9715

#154E97

#5E1597

Tetradic

#8F9715

#15975E

#1D1597

#97154E

Color Blindness Simulation

Original

#8F9715

Protanopia

#929334

Deuteranopia

#92913C

Tritanopia

#8F4D53

Achromatopsia

#8C8C8C

CSS Usage

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

Tailwind Shades

50
#FCFCF2
100
#F7F9E2
200
#F3F6C0
300
#EAF094
400
#DFE859
500
#D4E01F
600
#AAB319
700
#888F14
800
#6A7010
900
#4D510F
950
#31330A

Contrast Checker

Text on white

3.18:1

AA Fail AAA Fail

Text on black

6.61:1

AA Pass AAA Fail

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