#974334

#974334

Color Values

HEX

#974334

RGB

151, 67, 52

HSL

9.1, 48.8%, 39.8%

HSV

9.1, 65.6%, 59.2%

CMYK

0.0%, 55.6%, 65.6%, 40.8%

OKLCH

0.4898 0.1164 31.9

Properties

Warm Dark Nearest: coral 4

Color Harmonies

Complementary

#974334

#348897

Analogous

#973456

#977534

#974334

Triadic

#974334

#349743

#433497

Split Complementary

#974334

#349775

#345697

Tetradic

#974334

#569734

#348897

#753497

Color Blindness Simulation

Original

#974334

Protanopia

#737238

Deuteranopia

#787E38

Tritanopia

#933A3B

Achromatopsia

#545454

CSS Usage

background-color: #974334;
color: #974334;
border-color: #974334;
Nearest Tailwind: Orange 900 #7C2D12

Tailwind Shades

50
#FBF5F4
100
#F5E8E6
200
#EDCFCA
300
#E0ADA4
400
#CF8173
500
#BE5441
600
#984334
700
#79362A
800
#5F2A21
900
#46221B
950
#2C1511

Contrast Checker

Text on white

6.63:1

AA Pass AAA Fail

Text on black

3.17:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026