#74498C

#74498C

Color Values

HEX

#74498C

RGB

116, 73, 140

HSL

278.5, 31.5%, 41.8%

HSV

278.5, 47.9%, 54.9%

CMYK

17.1%, 47.9%, 0.0%, 45.1%

OKLCH

0.4826 0.1137 312.4

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#74498C

#618C49

Analogous

#53498C

#8C4983

#74498C

Triadic

#74498C

#8C7449

#498C74

Split Complementary

#74498C

#838C49

#498C53

Tetradic

#74498C

#8C5349

#618C49

#49838C

Color Blindness Simulation

Original

#74498C

Protanopia

#61617C

Deuteranopia

#646778

Tritanopia

#726F6C

Achromatopsia

#575757

CSS Usage

background-color: #74498C;
color: #74498C;
border-color: #74498C;
Nearest Tailwind: Fuchsia 900 #701A75

Tailwind Shades

50
#F8F5F9
100
#EFE8F2
200
#DED0E7
300
#C7AFD5
400
#A983BE
500
#8B57A8
600
#6F4686
700
#59386B
800
#452C54
900
#34233E
950
#211627

Contrast Checker

Text on white

6.83:1

AA Pass AAA Fail

Text on black

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