#784950

#784950

Color Values

HEX

#784950

RGB

120, 73, 80

HSL

351.1, 24.4%, 37.8%

HSV

351.1, 39.2%, 47.1%

CMYK

0.0%, 39.2%, 33.3%, 52.9%

OKLCH

0.4618 0.0647 10.2

Properties

Warm Dark Nearest: lightpink 4

Color Harmonies

Complementary

#784950

#497871

Analogous

#784967

#785949

#784950

Triadic

#784950

#507849

#495078

Split Complementary

#784950

#497859

#496778

Tetradic

#784950

#677849

#497871

#594978

Color Blindness Simulation

Original

#784950

Protanopia

#64634E

Deuteranopia

#666A4E

Tritanopia

#764D4D

Achromatopsia

#535353

CSS Usage

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

Tailwind Shades

50
#F9F6F6
100
#F1E9EB
200
#E4D3D5
300
#D1B3B7
400
#B88A90
500
#9F606A
600
#7F4D54
700
#663E44
800
#4F3035
900
#3B2629
950
#25181A

Contrast Checker

Text on white

7.32:1

AA Pass AAA Pass

Text on black

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