#74036D

#74036D

Color Values

HEX

#74036D

RGB

116, 3, 109

HSL

303.7, 95.0%, 23.3%

HSV

303.7, 97.4%, 45.5%

CMYK

0.0%, 97.4%, 6.0%, 54.5%

OKLCH

0.3889 0.1735 331.5

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#74036D

#03740A

Analogous

#420374

#740334

#74036D

Triadic

#74036D

#6D7403

#036D74

Split Complementary

#74036D

#347403

#037442

Tetradic

#74036D

#744203

#03740A

#033474

Color Blindness Simulation

Original

#74036D

Protanopia

#434253

Deuteranopia

#4A524D

Tritanopia

#6E3F3B

Achromatopsia

#232323

CSS Usage

background-color: #74036D;
color: #74036D;
border-color: #74036D;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#FEF1FD
100
#FCDFFA
200
#FDB9F9
300
#FC88F5
400
#FA47EF
500
#F906EA
600
#C705BB
700
#9F0496
800
#7C0375
900
#5A0755
950
#390436

Contrast Checker

Text on white

10.63:1

AA Pass AAA Pass

Text on black

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