#534060

#534060

Color Values

HEX

#534060

RGB

83, 64, 96

HSL

275.6, 20.0%, 31.4%

HSV

275.6, 33.3%, 37.6%

CMYK

13.5%, 33.3%, 0.0%, 62.4%

OKLCH

0.4049 0.0575 311.0

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#534060

#4D6040

Analogous

#434060

#60405D

#534060

Triadic

#534060

#605340

#406053

Split Complementary

#534060

#5D6040

#406043

Tetradic

#534060

#604340

#4D6040

#405D60

Color Blindness Simulation

Original

#534060

Protanopia

#4B4B58

Deuteranopia

#4C4D56

Tritanopia

#525251

Achromatopsia

#464646

CSS Usage

background-color: #534060;
color: #534060;
border-color: #534060;
Nearest Tailwind: Slate 700 #334155

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DDD4E2
300
#C4B6CE
400
#A48EB4
500
#846699
600
#6A527A
700
#554162
800
#42334D
900
#322839
950
#201924

Contrast Checker

Text on white

9.25:1

AA Pass AAA Pass

Text on black

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