#74356C

#74356C

Color Values

HEX

#74356C

RGB

116, 53, 108

HSL

307.6, 37.3%, 33.1%

HSV

307.6, 54.3%, 45.5%

CMYK

0.0%, 54.3%, 6.9%, 54.5%

OKLCH

0.4334 0.115 332.4

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#74356C

#35743D

Analogous

#5C3574

#74354C

#74356C

Triadic

#74356C

#6C7435

#356C74

Split Complementary

#74356C

#4C7435

#35745C

Tetradic

#74356C

#745C35

#35743D

#354C74

Color Blindness Simulation

Original

#74356C

Protanopia

#59585F

Deuteranopia

#5C615C

Tritanopia

#715452

Achromatopsia

#464646

CSS Usage

background-color: #74356C;
color: #74356C;
border-color: #74356C;
Nearest Tailwind: Fuchsia 950 #4A044E

Tailwind Shades

50
#FAF5F9
100
#F3E7F1
200
#E9CEE5
300
#D9ABD3
400
#C47DBB
500
#AF50A3
600
#8C4082
700
#703368
800
#582852
900
#41203D
950
#291426

Contrast Checker

Text on white

8.51:1

AA Pass AAA Pass

Text on black

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