#8F7B36

#8F7B36

Color Values

HEX

#8F7B36

RGB

143, 123, 54

HSL

46.5, 45.2%, 38.6%

HSV

46.5, 62.2%, 56.1%

CMYK

0.0%, 14.0%, 62.2%, 43.9%

OKLCH

0.5872 0.0918 93.2

Properties

Warm Light Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#8F7B36

#364A8F

Analogous

#8F4E36

#768F36

#8F7B36

Triadic

#8F7B36

#368F7B

#7B368F

Split Complementary

#8F7B36

#36768F

#4E368F

Tetradic

#8F7B36

#368F4E

#364A8F

#8F3676

Color Blindness Simulation

Original

#8F7B36

Protanopia

#868647

Deuteranopia

#88894B

Tritanopia

#8E5457

Achromatopsia

#7A7A7A

CSS Usage

background-color: #8F7B36;
color: #8F7B36;
border-color: #8F7B36;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FAF9F4
100
#F4F1E6
200
#EBE4CB
300
#DDD1A6
400
#CBB876
500
#B99F46
600
#947F38
700
#76662D
800
#5D5023
900
#443B1D
950
#2B2512

Contrast Checker

Text on white

4.15:1

AA Fail AAA Fail

Text on black

5.05:1

AA Pass AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026