#783342

#783342

Color Values

HEX

#783342

RGB

120, 51, 66

HSL

347.0, 40.4%, 33.5%

HSV

347.0, 57.5%, 47.1%

CMYK

0.0%, 57.5%, 45.0%, 52.9%

OKLCH

0.4196 0.0975 8.7

Properties

Warm Dark Nearest: RAL 4004 Claret Violet

Color Harmonies

Complementary

#783342

#337869

Analogous

#783364

#784633

#783342

Triadic

#783342

#427833

#334278

Split Complementary

#783342

#337846

#336478

Tetradic

#783342

#647833

#337869

#463378

Color Blindness Simulation

Original

#783342

Protanopia

#5A5A3E

Deuteranopia

#5E633D

Tritanopia

#753C3B

Achromatopsia

#434343

CSS Usage

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

Tailwind Shades

50
#FAF5F6
100
#F3E7EA
200
#EACDD3
300
#DBA9B4
400
#C77B8B
500
#B34C62
600
#8F3D4F
700
#73313F
800
#5A2631
900
#421F26
950
#2A1318

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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