#503F5C

#503F5C

Color Values

HEX

#503F5C

RGB

80, 63, 92

HSL

275.2, 18.7%, 30.4%

HSV

275.2, 31.5%, 36.1%

CMYK

13.0%, 31.5%, 0.0%, 63.9%

OKLCH

0.3976 0.0523 310.8

Properties

Cool Dark Nearest: Eggplant

Color Harmonies

Complementary

#503F5C

#4B5C3F

Analogous

#423F5C

#5C3F5A

#503F5C

Triadic

#503F5C

#5C503F

#3F5C50

Split Complementary

#503F5C

#5A5C3F

#3F5C42

Tetradic

#503F5C

#5C423F

#4B5C3F

#3F5A5C

Color Blindness Simulation

Original

#503F5C

Protanopia

#494855

Deuteranopia

#4A4B53

Tritanopia

#4F4F4E

Achromatopsia

#454545

CSS Usage

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

Tailwind Shades

50
#F8F6F9
100
#EEEAF0
200
#DCD5E2
300
#C4B6CD
400
#A48FB2
500
#846897
600
#695379
700
#544261
800
#42344C
900
#322839
950
#1F1924

Contrast Checker

Text on white

9.52:1

AA Pass AAA Pass

Text on black

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