#785F81

#785F81

Color Values

HEX

#785F81

RGB

120, 95, 129

HSL

284.1, 15.2%, 43.9%

HSV

284.1, 26.4%, 50.6%

CMYK

7.0%, 26.4%, 0.0%, 49.4%

OKLCH

0.5228 0.0602 317.0

Properties

Cool Dark Nearest: plum 4

Color Harmonies

Complementary

#785F81

#68815F

Analogous

#675F81

#815F79

#785F81

Triadic

#785F81

#81785F

#5F8178

Split Complementary

#785F81

#79815F

#5F8167

Tetradic

#785F81

#81675F

#68815F

#5F7981

Color Blindness Simulation

Original

#785F81

Protanopia

#6D6D79

Deuteranopia

#6F7077

Tritanopia

#777271

Achromatopsia

#676767

CSS Usage

background-color: #785F81;
color: #785F81;
border-color: #785F81;
Nearest Tailwind: Slate 500 #64748B

Tailwind Shades

50
#F8F6F8
100
#EEEBEF
200
#DED6E1
300
#C6B8CB
400
#A792AF
500
#896C93
600
#6D5676
700
#57455E
800
#443649
900
#342A37
950
#211A23

Contrast Checker

Text on white

5.6:1

AA Pass AAA Fail

Text on black

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