#784B4D

#784B4D

Color Values

HEX

#784B4D

RGB

120, 75, 77

HSL

357.3, 23.1%, 38.2%

HSV

357.3, 37.5%, 47.1%

CMYK

0.0%, 37.5%, 35.8%, 52.9%

OKLCH

0.4647 0.0614 16.8

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#784B4D

#4B7876

Analogous

#784B63

#785F4B

#784B4D

Triadic

#784B4D

#4D784B

#4B4D78

Split Complementary

#784B4D

#4B785F

#4B6378

Tetradic

#784B4D

#63784B

#4B7876

#5F4B78

Color Blindness Simulation

Original

#784B4D

Protanopia

#65644D

Deuteranopia

#676A4C

Tritanopia

#764C4C

Achromatopsia

#555555

CSS Usage

background-color: #784B4D;
color: #784B4D;
border-color: #784B4D;
Nearest Tailwind: Stone 600 #57534E

Tailwind Shades

50
#F9F6F6
100
#F1EAEA
200
#E4D3D4
300
#D0B4B5
400
#B68B8D
500
#9D6265
600
#7E4E51
700
#643F40
800
#4E3132
900
#3B2627
950
#251819

Contrast Checker

Text on white

7.21:1

AA Pass AAA Pass

Text on black

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