#784462

#784462

Color Values

HEX

#784462

RGB

120, 68, 98

HSL

325.4, 27.7%, 36.9%

HSV

325.4, 43.3%, 47.1%

CMYK

0.0%, 43.3%, 18.3%, 52.9%

OKLCH

0.4589 0.0822 345.2

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#784462

#44785A

Analogous

#744478

#784448

#784462

Triadic

#784462

#627844

#446278

Split Complementary

#784462

#487844

#447874

Tetradic

#784462

#787444

#44785A

#444878

Color Blindness Simulation

Original

#784462

Protanopia

#61615B

Deuteranopia

#646859

Tritanopia

#755554

Achromatopsia

#515151

CSS Usage

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

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D1DD
300
#D3B1C4
400
#BB87A5
500
#A35C85
600
#824A6A
700
#683B55
800
#512E42
900
#3D2432
950
#261720

Contrast Checker

Text on white

7.5:1

AA Pass AAA Pass

Text on black

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