#974453

#974453

Color Values

HEX

#974453

RGB

151, 68, 83

HSL

349.2, 37.9%, 42.9%

HSV

349.2, 55.0%, 59.2%

CMYK

0.0%, 55.0%, 45.0%, 40.8%

OKLCH

0.4981 0.112 10.8

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#974453

#449788

Analogous

#97447C

#975E44

#974453

Triadic

#974453

#539744

#445397

Split Complementary

#974453

#44975E

#447C97

Tetradic

#974453

#7C9744

#449788

#5E4497

Color Blindness Simulation

Original

#974453

Protanopia

#73724F

Deuteranopia

#787E4E

Tritanopia

#934D4C

Achromatopsia

#575757

CSS Usage

background-color: #974453;
color: #974453;
border-color: #974453;
Nearest Tailwind: Pink 900 #831843

Tailwind Shades

50
#FAF5F6
100
#F3E7E9
200
#E9CED3
300
#D9ABB3
400
#C47D8A
500
#B04F61
600
#8D3F4D
700
#71333E
800
#582830
900
#412026
950
#291418

Contrast Checker

Text on white

6.43:1

AA Pass AAA Fail

Text on black

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