#784266

#784266

Color Values

HEX

#784266

RGB

120, 66, 102

HSL

320.0, 29.0%, 36.5%

HSV

320.0, 45.0%, 47.1%

CMYK

0.0%, 45.0%, 15.0%, 52.9%

OKLCH

0.4571 0.0891 340.9

Properties

Warm Dark Nearest: RAL 4001 Red Lilac

Color Harmonies

Complementary

#784266

#427854

Analogous

#6F4278

#78424B

#784266

Triadic

#784266

#667842

#426678

Split Complementary

#784266

#4B7842

#42786F

Tetradic

#784266

#786F42

#427854

#424B78

Color Blindness Simulation

Original

#784266

Protanopia

#61605D

Deuteranopia

#64685B

Tritanopia

#755655

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F9F5F8
100
#F2E9EF
200
#E6D1DF
300
#D4B0C8
400
#BC85AA
500
#A45B8C
600
#844870
700
#693A59
800
#522D46
900
#3D2435
950
#271721

Contrast Checker

Text on white

7.58:1

AA Pass AAA Pass

Text on black

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