#514648

#514648

Color Values

HEX

#514648

RGB

81, 70, 72

HSL

349.1, 7.3%, 29.6%

HSV

349.1, 13.6%, 31.8%

CMYK

0.0%, 13.6%, 11.1%, 68.2%

OKLCH

0.406 0.0153 5.4

Properties

Warm Dark Nearest: NCS S 7000-N Dark Grey

Color Harmonies

Complementary

#514648

#46514F

Analogous

#51464D

#514946

#514648

Triadic

#514648

#485146

#464851

Split Complementary

#514648

#465149

#464D51

Tetradic

#514648

#4D5146

#46514F

#494651

Color Blindness Simulation

Original

#514648

Protanopia

#4C4C48

Deuteranopia

#4D4E47

Tritanopia

#504747

Achromatopsia

#484848

CSS Usage

background-color: #514648;
color: #514648;
border-color: #514648;
Nearest Tailwind: Stone 700 #44403C

Tailwind Shades

50
#F8F7F7
100
#EEECEC
200
#DED9DA
300
#C6BDBF
400
#A89A9C
500
#89767A
600
#6D5F61
700
#584C4E
800
#443B3D
900
#342D2E
950
#211D1D

Contrast Checker

Text on white

9.05:1

AA Pass AAA Pass

Text on black

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