#74334D

#74334D

Color Values

HEX

#74334D

RGB

116, 51, 77

HSL

336.0, 38.9%, 32.7%

HSV

336.0, 56.0%, 45.5%

CMYK

0.0%, 56.0%, 33.6%, 54.5%

OKLCH

0.417 0.0962 356.9

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#74334D

#33745A

Analogous

#74336D

#743933

#74334D

Triadic

#74334D

#4D7433

#334D74

Split Complementary

#74334D

#337439

#336D74

Tetradic

#74334D

#6D7433

#33745A

#393374

Color Blindness Simulation

Original

#74334D

Protanopia

#585747

Deuteranopia

#5C6045

Tritanopia

#714241

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF5F7
100
#F3E7EC
200
#E9CDD9
300
#DAAABD
400
#C57C99
500
#B14E76
600
#8E3E5E
700
#71324B
800
#59273B
900
#411F2D
950
#29141C

Contrast Checker

Text on white

9.04:1

AA Pass AAA Pass

Text on black

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