#772216

#772216

Color Values

HEX

#772216

RGB

119, 34, 22

HSL

7.4, 68.8%, 27.6%

HSV

7.4, 81.5%, 46.7%

CMYK

0.0%, 71.4%, 81.5%, 53.3%

OKLCH

0.3853 0.1207 31.1

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#772216

#166B77

Analogous

#77163A

#775216

#772216

Triadic

#772216

#167722

#221677

Split Complementary

#772216

#167752

#163A77

Tetradic

#772216

#3A7716

#166B77

#521677

Color Blindness Simulation

Original

#772216

Protanopia

#525119

Deuteranopia

#575E1A

Tritanopia

#731B1C

Achromatopsia

#333333

CSS Usage

background-color: #772216;
color: #772216;
border-color: #772216;
Nearest Tailwind: Red 900 #7F1D1D

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C9C3
300
#ECA298
400
#E27060
500
#D73D28
600
#AC3120
700
#8A2719
800
#6C1F14
900
#4E1A12
950
#32100C

Contrast Checker

Text on white

10.37:1

AA Pass AAA Pass

Text on black

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