#7C352F

#7C352F

Color Values

HEX

#7C352F

RGB

124, 53, 47

HSL

4.7, 45.0%, 33.5%

HSV

4.7, 62.1%, 48.6%

CMYK

0.0%, 57.3%, 62.1%, 51.4%

OKLCH

0.4245 0.1003 27.0

Properties

Warm Dark Nearest: indianred 4

Color Harmonies

Complementary

#7C352F

#2F767C

Analogous

#7C2F4F

#7C5B2F

#7C352F

Triadic

#7C352F

#2F7C35

#352F7C

Split Complementary

#7C352F

#2F7C5B

#2F4F7C

Tetradic

#7C352F

#4F7C2F

#2F767C

#5B2F7C

Color Blindness Simulation

Original

#7C352F

Protanopia

#5D5D30

Deuteranopia

#616731

Tritanopia

#783232

Achromatopsia

#444444

CSS Usage

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

Tailwind Shades

50
#FAF5F4
100
#F4E7E6
200
#EBCECB
300
#DDABA6
400
#CB7D76
500
#B94F46
600
#943F38
700
#76332D
800
#5C2823
900
#44201D
950
#2B1412

Contrast Checker

Text on white

8.72:1

AA Pass AAA Pass

Text on black

2.41:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026