#784664

#784664

Color Values

HEX

#784664

RGB

120, 70, 100

HSL

324.0, 26.3%, 37.3%

HSV

324.0, 41.7%, 47.1%

CMYK

0.0%, 41.7%, 16.7%, 52.9%

OKLCH

0.4633 0.0798 343.9

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#784664

#46785A

Analogous

#734678

#78464B

#784664

Triadic

#784664

#647846

#466478

Split Complementary

#784664

#4B7846

#467873

Tetradic

#784664

#787346

#46785A

#464B78

Color Blindness Simulation

Original

#784664

Protanopia

#62625D

Deuteranopia

#65695B

Tritanopia

#765756

Achromatopsia

#535353

CSS Usage

background-color: #784664;
color: #784664;
border-color: #784664;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F8
100
#F1E9EE
200
#E5D2DD
300
#D2B2C5
400
#B988A6
500
#A15E86
600
#814B6B
700
#673C56
800
#512F43
900
#3C2533
950
#261720

Contrast Checker

Text on white

7.35:1

AA Pass AAA Pass

Text on black

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