#77100D

#77100D

Color Values

HEX

#77100D

RGB

119, 16, 13

HSL

1.7, 80.3%, 25.9%

HSV

1.7, 89.1%, 46.7%

CMYK

0.0%, 86.6%, 89.1%, 53.3%

OKLCH

0.3673 0.1369 28.3

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#77100D

#0D7477

Analogous

#770D3F

#77450D

#77100D

Triadic

#77100D

#0D7710

#100D77

Split Complementary

#77100D

#0D7745

#0D3F77

Tetradic

#77100D

#3F770D

#0D7477

#450D77

Color Blindness Simulation

Original

#77100D

Protanopia

#4A4A0E

Deuteranopia

#50580E

Tritanopia

#720E0E

Achromatopsia

#262626

CSS Usage

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

Tailwind Shades

50
#FDF2F2
100
#F9E2E1
200
#F8C0BF
300
#F39391
400
#EC5955
500
#E61F19
600
#B81914
700
#931410
800
#730F0D
900
#530F0D
950
#350A08

Contrast Checker

Text on white

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