#784B58

#784B58

Color Values

HEX

#784B58

RGB

120, 75, 88

HSL

342.7, 23.1%, 38.2%

HSV

342.7, 37.5%, 47.1%

CMYK

0.0%, 37.5%, 26.7%, 52.9%

OKLCH

0.4681 0.0634 1.1

Properties

Warm Dark Nearest: Eggplant

Color Harmonies

Complementary

#784B58

#4B786B

Analogous

#784B6E

#78544B

#784B58

Triadic

#784B58

#58784B

#4B5878

Split Complementary

#784B58

#4B7854

#4B6E78

Tetradic

#784B58

#6E784B

#4B786B

#544B78

Color Blindness Simulation

Original

#784B58

Protanopia

#656455

Deuteranopia

#676A54

Tritanopia

#765252

Achromatopsia

#565656

CSS Usage

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

Tailwind Shades

50
#F9F6F7
100
#F1EAEC
200
#E4D3D8
300
#D0B4BC
400
#B68B97
500
#9D6273
600
#7E4E5C
700
#643F4A
800
#4E313A
900
#3B262C
950
#25181C

Contrast Checker

Text on white

7.13:1

AA Pass AAA Pass

Text on black

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