#514763

#514763

Color Values

HEX

#514763

RGB

81, 71, 99

HSL

261.4, 16.5%, 33.3%

HSV

261.4, 28.3%, 38.8%

CMYK

18.2%, 28.3%, 0.0%, 61.2%

OKLCH

0.4193 0.0474 300.7

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#514763

#596347

Analogous

#474B63

#5F4763

#514763

Triadic

#514763

#635147

#476351

Split Complementary

#514763

#635F47

#4B6347

Tetradic

#514763

#63474B

#596347

#47635F

Color Blindness Simulation

Original

#514763

Protanopia

#4D4D5C

Deuteranopia

#4D4E5B

Tritanopia

#505756

Achromatopsia

#4B4B4B

CSS Usage

background-color: #514763;
color: #514763;
border-color: #514763;
Nearest Tailwind: Slate 600 #475569

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#DAD5E1
300
#BFB8CC
400
#9C91B0
500
#796A95
600
#615577
700
#4E445F
800
#3D354A
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

8.64:1

AA Pass AAA Pass

Text on black

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