#7F170C

#7F170C

Color Values

HEX

#7F170C

RGB

127, 23, 12

HSL

5.7, 82.7%, 27.3%

HSV

5.7, 90.6%, 49.8%

CMYK

0.0%, 81.9%, 90.6%, 50.2%

OKLCH

0.3886 0.1402 30.3

Properties

Warm Dark Nearest: firebrick 4

Color Harmonies

Complementary

#7F170C

#0C747F

Analogous

#7F0C3B

#7F510C

#7F170C

Triadic

#7F170C

#0C7F17

#170C7F

Split Complementary

#7F170C

#0C7F51

#0C3B7F

Tetradic

#7F170C

#3B7F0C

#0C747F

#510C7F

Color Blindness Simulation

Original

#7F170C

Protanopia

#52510F

Deuteranopia

#58600F

Tritanopia

#7A1111

Achromatopsia

#2C2C2C

CSS Usage

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

Tailwind Shades

50
#FDF3F2
100
#FAE3E1
200
#F9C3BE
300
#F4998F
400
#EF6153
500
#E92A16
600
#BA2212
700
#951B0E
800
#74150B
900
#55130C
950
#350C08

Contrast Checker

Text on white

10.34:1

AA Pass AAA Pass

Text on black

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