#741672

#741672

Color Values

HEX

#741672

RGB

116, 22, 114

HSL

301.3, 68.1%, 27.1%

HSV

301.3, 81.0%, 45.5%

CMYK

0.0%, 81.0%, 1.7%, 54.5%

OKLCH

0.4021 0.1637 329.1

Properties

Warm Dark Nearest: purple

Color Harmonies

Complementary

#741672

#167418

Analogous

#471674

#741643

#741672

Triadic

#741672

#727416

#167274

Split Complementary

#741672

#437416

#167447

Tetradic

#741672

#744716

#167418

#164374

Color Blindness Simulation

Original

#741672

Protanopia

#4B4A5C

Deuteranopia

#515856

Tritanopia

#6F4A46

Achromatopsia

#313131

CSS Usage

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

Tailwind Shades

50
#FCF3FC
100
#F7E3F7
200
#F4C3F3
300
#EB98EA
400
#E160DE
500
#D629D3
600
#AB21A8
700
#891A87
800
#6B1469
900
#4E134D
950
#310C31

Contrast Checker

Text on white

10.0:1

AA Pass AAA Pass

Text on black

2.1:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026