#503F6A

#503F6A

Color Values

HEX

#503F6A

RGB

80, 63, 106

HSL

263.7, 25.4%, 33.1%

HSV

263.7, 40.6%, 41.6%

CMYK

24.5%, 40.6%, 0.0%, 58.4%

OKLCH

0.4048 0.073 301.4

Properties

Cool Dark Nearest: RAL 4005 Blue Lilac

Color Harmonies

Complementary

#503F6A

#596A3F

Analogous

#3F436A

#653F6A

#503F6A

Triadic

#503F6A

#6A503F

#3F6A50

Split Complementary

#503F6A

#6A653F

#436A3F

Tetradic

#503F6A

#6A3F43

#596A3F

#3F6A65

Color Blindness Simulation

Original

#503F6A

Protanopia

#494860

Deuteranopia

#4A4B5D

Tritanopia

#4F5756

Achromatopsia

#464646

CSS Usage

background-color: #503F6A;
color: #503F6A;
border-color: #503F6A;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F7F6F9
100
#ECE9F1
200
#D9D2E4
300
#BFB2D1
400
#9C89B9
500
#795FA0
600
#614C80
700
#4D3D66
800
#3C3050
900
#2E253C
950
#1D1826

Contrast Checker

Text on white

9.29:1

AA Pass AAA Pass

Text on black

2.26:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026