#782857

#782857

Color Values

HEX

#782857

RGB

120, 40, 87

HSL

324.8, 50.0%, 31.4%

HSV

324.8, 66.7%, 47.1%

CMYK

0.0%, 66.7%, 27.5%, 52.9%

OKLCH

0.4121 0.1237 347.6

Properties

Warm Dark Nearest: hotpink 4

Color Harmonies

Complementary

#782857

#287849

Analogous

#712878

#78282F

#782857

Triadic

#782857

#577828

#285778

Split Complementary

#782857

#2F7828

#287871

Tetradic

#782857

#787128

#287849

#282F78

Color Blindness Simulation

Original

#782857

Protanopia

#55554C

Deuteranopia

#5A6049

Tritanopia

#744341

Achromatopsia

#3C3C3C

CSS Usage

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

Tailwind Shades

50
#FBF4F8
100
#F5E6EE
200
#EDC9DE
300
#E0A3C7
400
#D071A9
500
#BF408B
600
#99336F
700
#7A2959
800
#602045
900
#461B34
950
#2C1121

Contrast Checker

Text on white

9.38:1

AA Pass AAA Pass

Text on black

2.24:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

ก.พ. 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

ก.พ. 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

ก.พ. 19, 2026