#744346

#744346

Color Values

HEX

#744346

RGB

116, 67, 70

HSL

356.3, 26.8%, 35.9%

HSV

356.3, 42.2%, 45.5%

CMYK

0.0%, 42.2%, 39.7%, 54.5%

OKLCH

0.4422 0.0679 16.3

Properties

Warm Dark Nearest: RAL 8015 Chestnut Brown

Color Harmonies

Complementary

#744346

#437471

Analogous

#74435F

#745943

#744346

Triadic

#744346

#467443

#434674

Split Complementary

#744346

#437459

#435F74

Tetradic

#744346

#5F7443

#437471

#594374

Color Blindness Simulation

Original

#744346

Protanopia

#5F5E45

Deuteranopia

#626545

Tritanopia

#724545

Achromatopsia

#4E4E4E

CSS Usage

background-color: #744346;
color: #744346;
border-color: #744346;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F6
100
#F1E9EA
200
#E5D2D3
300
#D2B1B3
400
#BA878A
500
#A25D62
600
#814B4E
700
#673C3E
800
#512F31
900
#3C2526
950
#261718

Contrast Checker

Text on white

7.97:1

AA Pass AAA Pass

Text on black

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