#7A7213

#7A7213

Color Values

HEX

#7A7213

RGB

122, 114, 19

HSL

55.3, 73.0%, 27.6%

HSV

55.3, 84.4%, 47.8%

CMYK

0.0%, 6.6%, 84.4%, 52.2%

OKLCH

0.5428 0.1083 104.3

Properties

Warm Dark Nearest: gold 4

Color Harmonies

Complementary

#7A7213

#131B7A

Analogous

#7A3E13

#4E7A13

#7A7213

Triadic

#7A7213

#137A72

#72137A

Split Complementary

#7A7213

#134E7A

#3E137A

Tetradic

#7A7213

#137A3E

#131B7A

#7A134E

Color Blindness Simulation

Original

#7A7213

Protanopia

#77762A

Deuteranopia

#77782F

Tritanopia

#7A3C40

Achromatopsia

#6D6D6D

CSS Usage

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

Tailwind Shades

50
#FCFBF3
100
#F8F6E2
200
#F5F1C1
300
#EEE795
400
#E6DB5C
500
#DDCE22
600
#B0A51C
700
#8D8416
800
#6E6711
900
#504B11
950
#33300A

Contrast Checker

Text on white

4.95:1

AA Pass AAA Fail

Text on black

4.24: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