#772C09

#772C09

Color Values

HEX

#772C09

RGB

119, 44, 9

HSL

19.1, 85.9%, 25.1%

HSV

19.1, 92.4%, 46.7%

CMYK

0.0%, 63.0%, 92.4%, 53.3%

OKLCH

0.3976 0.1137 41.4

Properties

Warm Dark Nearest: tomato 4

Color Harmonies

Complementary

#772C09

#095477

Analogous

#77091D

#776309

#772C09

Triadic

#772C09

#09772C

#2C0977

Split Complementary

#772C09

#097763

#091D77

Tetradic

#772C09

#1D7709

#095477

#630977

Color Blindness Simulation

Original

#772C09

Protanopia

#575611

Deuteranopia

#5B6014

Tritanopia

#73181A

Achromatopsia

#393939

CSS Usage

background-color: #772C09;
color: #772C09;
border-color: #772C09;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FDF5F2
100
#FAE8E0
200
#FAD0BD
300
#F6AF8D
400
#F28350
500
#ED5812
600
#BE460E
700
#98380C
800
#772C09
900
#56230B
950
#361607

Contrast Checker

Text on white

9.77:1

AA Pass AAA Pass

Text on black

2.15:1

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