#514765

#514765

Color Values

HEX

#514765

RGB

81, 71, 101

HSL

260.0, 17.4%, 33.7%

HSV

260.0, 29.7%, 39.6%

CMYK

19.8%, 29.7%, 0.0%, 60.4%

OKLCH

0.4202 0.0505 299.5

Properties

Cool Dark Nearest: RAL 5000 Violet Blue

Color Harmonies

Complementary

#514765

#5B6547

Analogous

#474C65

#604765

#514765

Triadic

#514765

#655147

#476551

Split Complementary

#514765

#656047

#4C6547

Tetradic

#514765

#65474C

#5B6547

#476560

Color Blindness Simulation

Original

#514765

Protanopia

#4D4D5E

Deuteranopia

#4D4E5C

Tritanopia

#505857

Achromatopsia

#4B4B4B

CSS Usage

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

Tailwind Shades

50
#F7F6F8
100
#ECEBF0
200
#D9D5E2
300
#BEB7CC
400
#9B90B1
500
#786996
600
#605478
700
#4D4360
800
#3C354B
900
#2E2938
950
#1D1A23

Contrast Checker

Text on white

8.61:1

AA Pass AAA Pass

Text on black

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