#514B5C

#514B5C

Color Values

HEX

#514B5C

RGB

81, 75, 92

HSL

261.2, 10.2%, 32.7%

HSV

261.2, 18.5%, 36.1%

CMYK

12.0%, 18.5%, 0.0%, 63.9%

OKLCH

0.4251 0.0287 301.3

Properties

Cool Dark Nearest: RAL 7015 Slate Grey

Color Harmonies

Complementary

#514B5C

#565C4B

Analogous

#4B4D5C

#594B5C

#514B5C

Triadic

#514B5C

#5C514B

#4B5C51

Split Complementary

#514B5C

#5C594B

#4D5C4B

Tetradic

#514B5C

#5C4B4D

#565C4B

#4B5C59

Color Blindness Simulation

Original

#514B5C

Protanopia

#4E4E58

Deuteranopia

#4F4F57

Tritanopia

#515554

Achromatopsia

#4E4E4E

CSS Usage

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

Tailwind Shades

50
#F7F7F8
100
#EDECEF
200
#DAD8DF
300
#C0BCC8
400
#9E97AA
500
#7C728D
600
#635C70
700
#4F495A
800
#3E3946
900
#2F2C35
950
#1E1C21

Contrast Checker

Text on white

8.36:1

AA Pass AAA Pass

Text on black

2.51:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026