#534985

#534985

Color Values

HEX

#534985

RGB

83, 73, 133

HSL

250.0, 29.1%, 40.4%

HSV

250.0, 45.1%, 52.2%

CMYK

37.6%, 45.1%, 0.0%, 47.8%

OKLCH

0.4439 0.0965 289.5

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#534985

#7B8549

Analogous

#495D85

#714985

#534985

Triadic

#534985

#855349

#498553

Split Complementary

#534985

#857149

#5D8549

Tetradic

#534985

#85495D

#7B8549

#498571

Color Blindness Simulation

Original

#534985

Protanopia

#4F4F76

Deuteranopia

#4F5073

Tritanopia

#526B68

Achromatopsia

#4F4F4F

CSS Usage

background-color: #534985;
color: #534985;
border-color: #534985;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F6F5F9
100
#EAE9F2
200
#D4D1E6
300
#B6B0D4
400
#8E85BC
500
#675AA5
600
#524884
700
#423A69
800
#332D52
900
#28243D
950
#191727

Contrast Checker

Text on white

7.9:1

AA Pass AAA Pass

Text on black

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