#77424F

#77424F

Color Values

HEX

#77424F

RGB

119, 66, 79

HSL

345.3, 28.6%, 36.3%

HSV

345.3, 44.5%, 46.7%

CMYK

0.0%, 44.5%, 33.6%, 53.3%

OKLCH

0.4472 0.0748 4.8

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#77424F

#42776A

Analogous

#77426A

#775042

#77424F

Triadic

#77424F

#4F7742

#424F77

Split Complementary

#77424F

#427750

#426A77

Tetradic

#77424F

#6A7742

#42776A

#504277

Color Blindness Simulation

Original

#77424F

Protanopia

#60604C

Deuteranopia

#63674B

Tritanopia

#744949

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F9F5F6
100
#F1E9EB
200
#E6D1D6
300
#D3B0B9
400
#BC8693
500
#A45B6D
600
#834957
700
#693A46
800
#522E36
900
#3D242A
950
#26171B

Contrast Checker

Text on white

7.85:1

AA Pass AAA Pass

Text on black

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