#785384

#785384

Color Values

HEX

#785384

RGB

120, 83, 132

HSL

285.3, 22.8%, 42.2%

HSV

285.3, 37.1%, 51.8%

CMYK

9.1%, 37.1%, 0.0%, 48.2%

OKLCH

0.501 0.0873 317.6

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#785384

#5F8453

Analogous

#605384

#845378

#785384

Triadic

#785384

#847853

#538478

Split Complementary

#785384

#788453

#538460

Tetradic

#785384

#846053

#5F8453

#537884

Color Blindness Simulation

Original

#785384

Protanopia

#686878

Deuteranopia

#6A6D75

Tritanopia

#766F6D

Achromatopsia

#5E5E5E

CSS Usage

background-color: #785384;
color: #785384;
border-color: #785384;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F8F6F9
100
#EFEAF1
200
#DFD3E3
300
#C9B4D0
400
#AC8BB6
500
#8E629D
600
#724F7D
700
#5B3F64
800
#47314E
900
#36273A
950
#221825

Contrast Checker

Text on white

6.23:1

AA Pass AAA Fail

Text on black

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