#797016

#797016

Color Values

HEX

#797016

RGB

121, 112, 22

HSL

54.5, 69.2%, 28.0%

HSV

54.5, 81.8%, 47.5%

CMYK

0.0%, 7.4%, 81.8%, 52.5%

OKLCH

0.5373 0.1051 103.3

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#797016

#161F79

Analogous

#793E16

#507916

#797016

Triadic

#797016

#167970

#701679

Split Complementary

#797016

#165079

#3E1679

Tetradic

#797016

#16793E

#161F79

#791650

Color Blindness Simulation

Original

#797016

Protanopia

#75752C

Deuteranopia

#767631

Tritanopia

#793D41

Achromatopsia

#6B6B6B

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F6E3
200
#F4EFC3
300
#ECE497
400
#E2D65F
500
#D8C827
600
#ADA01F
700
#8A8019
800
#6C6414
900
#4F4912
950
#322E0C

Contrast Checker

Text on white

5.07:1

AA Pass AAA Fail

Text on black

4.14:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

ม.ค. 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

ม.ค. 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

ม.ค. 18, 2026