#754456

#754456

Color Values

HEX

#754456

RGB

117, 68, 86

HSL

338.0, 26.5%, 36.3%

HSV

338.0, 41.9%, 45.9%

CMYK

0.0%, 41.9%, 26.5%, 54.1%

OKLCH

0.4504 0.0714 356.8

Properties

Warm Dark Nearest: palevioletred 4

Color Harmonies

Complementary

#754456

#447563

Analogous

#75446F

#754B44

#754456

Triadic

#754456

#567544

#445675

Split Complementary

#754456

#44754B

#446F75

Tetradic

#754456

#6F7544

#447563

#4B4475

Color Blindness Simulation

Original

#754456

Protanopia

#605F52

Deuteranopia

#636651

Tritanopia

#734E4D

Achromatopsia

#505050

CSS Usage

background-color: #754456;
color: #754456;
border-color: #754456;
Nearest Tailwind: Zinc 600 #52525B

Tailwind Shades

50
#F9F6F7
100
#F1E9EC
200
#E5D2D9
300
#D2B2BD
400
#BA889A
500
#A15E76
600
#814B5F
700
#673C4C
800
#512F3B
900
#3C252D
950
#26171D

Contrast Checker

Text on white

7.73:1

AA Pass AAA Pass

Text on black

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