#780C10

#780C10

Color Values

HEX

#780C10

RGB

120, 12, 16

HSL

357.8, 81.8%, 25.9%

HSV

357.8, 90.0%, 47.1%

CMYK

0.0%, 90.0%, 86.7%, 52.9%

OKLCH

0.3672 0.14 26.5

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#780C10

#0C7874

Analogous

#780C46

#783E0C

#780C10

Triadic

#780C10

#10780C

#0C1078

Split Complementary

#780C10

#0C783E

#0C4678

Tetradic

#780C10

#46780C

#0C7874

#3E0C78

Color Blindness Simulation

Original

#780C10

Protanopia

#49480F

Deuteranopia

#50580F

Tritanopia

#730E0E

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#FAE1E2
200
#F9BEC0
300
#F49093
400
#EE5359
500
#E8171F
600
#B91319
700
#940F14
800
#740C0F
900
#540D0F
950
#35080A

Contrast Checker

Text on white

11.3:1

AA Pass AAA Pass

Text on black

1.86:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

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

Jan 18, 2026