#774056

#774056

Color Values

HEX

#774056

RGB

119, 64, 86

HSL

336.0, 30.1%, 35.9%

HSV

336.0, 46.2%, 46.7%

CMYK

0.0%, 46.2%, 27.7%, 53.3%

OKLCH

0.446 0.0811 355.5

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#774056

#407761

Analogous

#774072

#774640

#774056

Triadic

#774056

#567740

#405677

Split Complementary

#774056

#407746

#407277

Tetradic

#774056

#727740

#407761

#464077

Color Blindness Simulation

Original

#774056

Protanopia

#5F5F51

Deuteranopia

#62664F

Tritanopia

#744C4C

Achromatopsia

#4D4D4D

CSS Usage

background-color: #774056;
color: #774056;
border-color: #774056;
Nearest Tailwind: Pink 950 #500724

Tailwind Shades

50
#F9F5F7
100
#F2E9EC
200
#E6D1D9
300
#D4AFBE
400
#BD849B
500
#A65978
600
#854760
700
#6A394D
800
#532D3C
900
#3E232E
950
#27161D

Contrast Checker

Text on white

7.92:1

AA Pass AAA Pass

Text on black

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