#7D362C

#7D362C

Color Values

HEX

#7D362C

RGB

125, 54, 44

HSL

7.4, 47.9%, 33.1%

HSV

7.4, 64.8%, 49.0%

CMYK

0.0%, 56.8%, 64.8%, 51.0%

OKLCH

0.4271 0.1011 30.0

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#7D362C

#2C737D

Analogous

#7D2C4A

#7D5E2C

#7D362C

Triadic

#7D362C

#2C7D36

#362C7D

Split Complementary

#7D362C

#2C7D5E

#2C4A7D

Tetradic

#7D362C

#4A7D2C

#2C737D

#5E2C7D

Color Blindness Simulation

Original

#7D362C

Protanopia

#5E5E2E

Deuteranopia

#62682F

Tritanopia

#793031

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E8E6
200
#ECCECA
300
#DFACA4
400
#CE7F73
500
#BD5142
600
#974135
700
#79342B
800
#5E2921
900
#45211C
950
#2C1511

Contrast Checker

Text on white

8.62:1

AA Pass AAA Pass

Text on black

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