#490CF3

#490CF3

Color Values

HEX

#490CF3

RGB

73, 12, 243

HSL

255.8, 90.6%, 50.0%

HSV

255.8, 95.1%, 95.3%

CMYK

70.0%, 95.1%, 0.0%, 4.7%

OKLCH

0.4691 0.2842 277.4

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#490CF3

#B6F30C

Analogous

#0C43F3

#BC0CF3

#490CF3

Triadic

#490CF3

#F3490C

#0CF349

Split Complementary

#490CF3

#F3BC0C

#43F30C

Tetradic

#490CF3

#F30C43

#B6F30C

#0CF3BC

Color Blindness Simulation

Original

#490CF3

Protanopia

#2F2EBB

Deuteranopia

#3237AE

Tritanopia

#468F85

Achromatopsia

#2A2A2A

CSS Usage

background-color: #490CF3;
color: #490CF3;
border-color: #490CF3;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F5F1FD
100
#E7DFFB
200
#CCBBFC
300
#A88AF9
400
#784BF6
500
#490CF3
600
#3A0AC2
700
#2F089C
800
#24067A
900
#1E0958
950
#130638

Contrast Checker

Text on white

7.98:1

AA Pass AAA Pass

Text on black

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