#7F8334

#7F8334

Color Values

HEX

#7F8334

RGB

127, 131, 52

HSL

63.0, 43.2%, 35.9%

HSV

63.0, 60.3%, 51.4%

CMYK

3.1%, 0.0%, 60.3%, 48.6%

OKLCH

0.5899 0.1022 111.8

Properties

Cool Light Nearest: RAL 1020 Olive Yellow

Color Harmonies

Complementary

#7F8334

#383483

Analogous

#835F34

#588334

#7F8334

Triadic

#7F8334

#347F83

#83347F

Split Complementary

#7F8334

#345883

#5F3483

Tetradic

#7F8334

#34835F

#383483

#833458

Color Blindness Simulation

Original

#7F8334

Protanopia

#818147

Deuteranopia

#80804C

Tritanopia

#7F565A

Achromatopsia

#7C7C7C

CSS Usage

background-color: #7F8334;
color: #7F8334;
border-color: #7F8334;
Nearest Tailwind: Lime 800 #3F6212

Tailwind Shades

50
#FAFAF5
100
#F3F4E7
200
#E9EBCC
300
#DADCA7
400
#C5C978
500
#B1B748
600
#8E923A
700
#71752E
800
#595B24
900
#41431E
950
#292A13

Contrast Checker

Text on white

4.04:1

AA Fail AAA Fail

Text on black

5.2:1

AA Pass AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026