#0502CA

#0502CA

Color Values

HEX

#0502CA

RGB

5, 2, 202

HSL

240.9, 98.0%, 40.0%

HSV

240.9, 99.0%, 79.2%

CMYK

97.5%, 99.0%, 0.0%, 20.8%

OKLCH

0.3811 0.2614 264.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0502CA

#C7CA02

Analogous

#0263CA

#6902CA

#0502CA

Triadic

#0502CA

#CA0502

#02CA05

Split Complementary

#0502CA

#CA6902

#63CA02

Tetradic

#0502CA

#CA0263

#C7CA02

#02CA69

Color Blindness Simulation

Original

#0502CA

Protanopia

#04049A

Deuteranopia

#04048E

Tritanopia

#05736B

Achromatopsia

#111111

CSS Usage

background-color: #0502CA;
color: #0502CA;
border-color: #0502CA;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FE
100
#DFDEFC
200
#B9B8FE
300
#8886FE
400
#4744FD
500
#0603FC
600
#0502CA
700
#0402A2
800
#03017E
900
#07065B
950
#04043A

Contrast Checker

Text on white

11.24:1

AA Pass AAA Pass

Text on black

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