#74074C

#74074C

Color Values

HEX

#74074C

RGB

116, 7, 76

HSL

322.0, 88.6%, 24.1%

HSV

322.0, 94.0%, 45.5%

CMYK

0.0%, 94.0%, 34.5%, 54.5%

OKLCH

0.3727 0.1498 349.5

Properties

Warm Dark Nearest: maroon 4

Color Harmonies

Complementary

#74074C

#07742F

Analogous

#650774

#740716

#74074C

Triadic

#74074C

#4C7407

#074C74

Split Complementary

#74074C

#167407

#077465

Tetradic

#74074C

#746507

#07742F

#071674

Color Blindness Simulation

Original

#74074C

Protanopia

#45443B

Deuteranopia

#4B5337

Tritanopia

#6F2E2B

Achromatopsia

#232323

CSS Usage

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

Tailwind Shades

50
#FDF2F9
100
#FBE0F1
200
#FBBCE4
300
#F88CD0
400
#F44DB7
500
#F00F9E
600
#C00C7E
700
#9A0965
800
#78074F
900
#570A3B
950
#370625

Contrast Checker

Text on white

11.19:1

AA Pass AAA Pass

Text on black

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