#7F2C33

#7F2C33

Color Values

HEX

#7F2C33

RGB

127, 44, 51

HSL

354.9, 48.5%, 33.5%

HSV

354.9, 65.4%, 49.8%

CMYK

0.0%, 65.4%, 59.8%, 50.2%

OKLCH

0.4173 0.1148 18.7

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#7F2C33

#2C7F78

Analogous

#7F2C5C

#7F4E2C

#7F2C33

Triadic

#7F2C33

#337F2C

#2C337F

Split Complementary

#7F2C33

#2C7F4E

#2C5C7F

Tetradic

#7F2C33

#5C7F2C

#2C7F78

#4E2C7F

Color Blindness Simulation

Original

#7F2C33

Protanopia

#5B5A31

Deuteranopia

#606631

Tritanopia

#7B3030

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#FBF4F5
100
#F5E6E7
200
#EDCACD
300
#DFA4A9
400
#CE737B
500
#BD424C
600
#97353D
700
#792A31
800
#5F2126
900
#461B1F
950
#2C1114

Contrast Checker

Text on white

9.09:1

AA Pass AAA Pass

Text on black

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