#782016

#782016

Color Values

HEX

#782016

RGB

120, 32, 22

HSL

6.1, 69.0%, 27.8%

HSV

6.1, 81.7%, 47.1%

CMYK

0.0%, 73.3%, 81.7%, 52.9%

OKLCH

0.3849 0.1237 30.1

Properties

Warm Dark Nearest: RAL 3011 Brown Red

Color Harmonies

Complementary

#782016

#166E78

Analogous

#78163D

#785116

#782016

Triadic

#782016

#167820

#201678

Split Complementary

#782016

#167851

#163D78

Tetradic

#782016

#3D7816

#166E78

#511678

Color Blindness Simulation

Original

#782016

Protanopia

#525118

Deuteranopia

#575E19

Tritanopia

#741A1B

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#FCF4F3
100
#F8E5E3
200
#F4C8C3
300
#ECA098
400
#E26D60
500
#D73928
600
#AC2E20
700
#8A2519
800
#6C1D14
900
#4F1812
950
#320F0C

Contrast Checker

Text on white

10.41:1

AA Pass AAA Pass

Text on black

2.02:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026