#51414C

#51414C

Color Values

HEX

#51414C

RGB

81, 65, 76

HSL

318.8, 11.0%, 28.6%

HSV

318.8, 19.8%, 31.8%

CMYK

0.0%, 19.8%, 6.2%, 68.2%

OKLCH

0.3961 0.0281 337.7

Properties

Warm Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#51414C

#415146

Analogous

#4E4151

#514144

#51414C

Triadic

#51414C

#4C5141

#414C51

Split Complementary

#51414C

#445141

#41514E

Tetradic

#51414C

#514E41

#415146

#414451

Color Blindness Simulation

Original

#51414C

Protanopia

#4A4A49

Deuteranopia

#4B4C49

Tritanopia

#504747

Achromatopsia

#454545

CSS Usage

background-color: #51414C;
color: #51414C;
border-color: #51414C;
Nearest Tailwind: Zinc 700 #3F3F46

Tailwind Shades

50
#F8F7F8
100
#EFEBEE
200
#DFD7DD
300
#C9BBC4
400
#AB96A5
500
#8E7185
600
#715B6A
700
#5B4955
800
#473942
900
#352C32
950
#221C20

Contrast Checker

Text on white

9.5:1

AA Pass AAA Pass

Text on black

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