#514147

#514147

Color Values

HEX

#514147

RGB

81, 65, 71

HSL

337.5, 11.0%, 28.6%

HSV

337.5, 19.8%, 31.8%

CMYK

0.0%, 19.8%, 12.3%, 68.2%

OKLCH

0.3942 0.024 353.8

Properties

Warm Dark Nearest: RAL 8019 Grey Brown

Color Harmonies

Complementary

#514147

#41514B

Analogous

#51414F

#514341

#514147

Triadic

#514147

#475141

#414751

Split Complementary

#514147

#415143

#414F51

Tetradic

#514147

#4F5141

#41514B

#434151

Color Blindness Simulation

Original

#514147

Protanopia

#4A4A46

Deuteranopia

#4B4C45

Tritanopia

#504444

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F8F7F7
100
#EFEBED
200
#DFD7DA
300
#C9BBC0
400
#AB969E
500
#8E717C
600
#715B63
700
#5B494F
800
#47393E
900
#352C2F
950
#221C1E

Contrast Checker

Text on white

9.56:1

AA Pass AAA Pass

Text on black

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