#7F6324

#7F6324

Color Values

HEX

#7F6324

RGB

127, 99, 36

HSL

41.5, 55.8%, 32.0%

HSV

41.5, 71.7%, 49.8%

CMYK

0.0%, 22.0%, 71.7%, 50.2%

OKLCH

0.5154 0.0875 84.4

Properties

Warm Dark Nearest: RAL 8000 Green Brown

Color Harmonies

Complementary

#7F6324

#24407F

Analogous

#7F3624

#6E7F24

#7F6324

Triadic

#7F6324

#247F63

#63247F

Split Complementary

#7F6324

#246E7F

#36247F

Tetradic

#7F6324

#247F36

#24407F

#7F246E

Color Blindness Simulation

Original

#7F6324

Protanopia

#737333

Deuteranopia

#747737

Tritanopia

#7E3F42

Achromatopsia

#646464

CSS Usage

background-color: #7F6324;
color: #7F6324;
border-color: #7F6324;
Nearest Tailwind: Yellow 800 #854D0E

Tailwind Shades

50
#FBF9F4
100
#F6F0E5
200
#EFE3C7
300
#E4CFA0
400
#D5B56C
500
#C79B38
600
#9F7C2D
700
#7F6324
800
#634D1C
900
#493A18
950
#2E240F

Contrast Checker

Text on white

5.66:1

AA Pass AAA Fail

Text on black

3.71:1

AA Fail 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