#744A2D

#744A2D

Color Values

HEX

#744A2D

RGB

116, 74, 45

HSL

24.5, 44.1%, 31.6%

HSV

24.5, 61.2%, 45.5%

CMYK

0.0%, 36.2%, 61.2%, 54.5%

OKLCH

0.4502 0.0714 54.5

Properties

Warm Dark Nearest: RAL 8003 Clay Brown

Color Harmonies

Complementary

#744A2D

#2D5774

Analogous

#742D34

#746E2D

#744A2D

Triadic

#744A2D

#2D744A

#4A2D74

Split Complementary

#744A2D

#2D746E

#2D3474

Tetradic

#744A2D

#34742D

#2D5774

#6E2D74

Color Blindness Simulation

Original

#744A2D

Protanopia

#626134

Deuteranopia

#646736

Tritanopia

#723A3B

Achromatopsia

#515151

CSS Usage

background-color: #744A2D;
color: #744A2D;
border-color: #744A2D;
Nearest Tailwind: Yellow 900 #713F12

Tailwind Shades

50
#FAF7F4
100
#F4ECE6
200
#EBD8CC
300
#DDBDA7
400
#CA9977
500
#B87547
600
#935E39
700
#764B2E
800
#5C3B24
900
#442D1D
950
#2B1C12

Contrast Checker

Text on white

7.61:1

AA Pass AAA Pass

Text on black

2.76:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026