#492479

#492479

Color Values

HEX

#492479

RGB

73, 36, 121

HSL

266.1, 54.1%, 30.8%

HSV

266.1, 70.2%, 47.5%

CMYK

39.7%, 70.2%, 0.0%, 52.5%

OKLCH

0.3595 0.1375 299.3

Properties

Cool Dark Nearest: slateblue 4

Color Harmonies

Complementary

#492479

#547924

Analogous

#242A79

#742479

#492479

Triadic

#492479

#794924

#247949

Split Complementary

#492479

#797424

#2A7924

Tetradic

#492479

#79242A

#547924

#247974

Color Blindness Simulation

Original

#492479

Protanopia

#393964

Deuteranopia

#3B3E5F

Tritanopia

#475451

Achromatopsia

#323232

CSS Usage

background-color: #492479;
color: #492479;
border-color: #492479;
Nearest Tailwind: Violet 950 #2E1065

Tailwind Shades

50
#F7F4FB
100
#ECE5F5
200
#D9C8EF
300
#BDA1E3
400
#9A6ED4
500
#773BC4
600
#5F2F9D
700
#4C257E
800
#3B1D62
900
#2D1948
950
#1D102D

Contrast Checker

Text on white

11.59:1

AA Pass AAA Pass

Text on black

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