#742947

#742947

Color Values

HEX

#742947

RGB

116, 41, 71

HSL

336.0, 47.8%, 30.8%

HSV

336.0, 64.7%, 45.5%

CMYK

0.0%, 64.7%, 38.8%, 54.5%

OKLCH

0.4004 0.1099 358.4

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#742947

#297456

Analogous

#74296D

#743129

#742947

Triadic

#742947

#477429

#294774

Split Complementary

#742947

#297431

#296D74

Tetradic

#742947

#6D7429

#297456

#312974

Color Blindness Simulation

Original

#742947

Protanopia

#545340

Deuteranopia

#585D3E

Tritanopia

#703A39

Achromatopsia

#3B3B3B

CSS Usage

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

Tailwind Shades

50
#FAF4F7
100
#F4E6EC
200
#ECCAD8
300
#DFA5BC
400
#CE7498
500
#BC4373
600
#97355C
700
#792B4A
800
#5E213A
900
#451C2C
950
#2C111C

Contrast Checker

Text on white

9.76:1

AA Pass AAA Pass

Text on black

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