#505490

#505490

Color Values

HEX

#505490

RGB

80, 84, 144

HSL

236.2, 28.6%, 43.9%

HSV

236.2, 44.4%, 56.5%

CMYK

44.4%, 41.7%, 0.0%, 43.5%

OKLCH

0.4707 0.0964 279.1

Properties

Cool Dark Nearest: mediumpurple 4

Color Harmonies

Complementary

#505490

#908C50

Analogous

#507490

#6C5090

#505490

Triadic

#505490

#905054

#549050

Split Complementary

#505490

#906C50

#749050

Tetradic

#505490

#905074

#908C50

#50906C

Color Blindness Simulation

Original

#505490

Protanopia

#525281

Deuteranopia

#52517E

Tritanopia

#507674

Achromatopsia

#575757

CSS Usage

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

Tailwind Shades

50
#F5F6F9
100
#E9E9F1
200
#D1D2E6
300
#B0B3D3
400
#8689BC
500
#5B60A4
600
#494D83
700
#3A3D69
800
#2E3052
900
#24263D
950
#171826

Contrast Checker

Text on white

6.97:1

AA Pass AAA Fail

Text on black

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