#0C0AF5

#0C0AF5

Color Values

HEX

#0C0AF5

RGB

12, 10, 245

HSL

240.5, 92.2%, 50.0%

HSV

240.5, 95.9%, 96.1%

CMYK

95.1%, 95.9%, 0.0%, 3.9%

OKLCH

0.4437 0.3002 265.0

Properties

Cool Dark Nearest: blue

Color Harmonies

Complementary

#0C0AF5

#F3F50A

Analogous

#0A7EF5

#810AF5

#0C0AF5

Triadic

#0C0AF5

#F50C0A

#0AF50C

Split Complementary

#0C0AF5

#F5810A

#7EF50A

Tetradic

#0C0AF5

#F50A7E

#F3F50A

#0AF581

Color Blindness Simulation

Original

#0C0AF5

Protanopia

#0B0BBC

Deuteranopia

#0B0BAE

Tritanopia

#0C8F85

Achromatopsia

#1B1B1B

CSS Usage

background-color: #0C0AF5;
color: #0C0AF5;
border-color: #0C0AF5;
Nearest Tailwind: Violet 700 #6D28D9

Tailwind Shades

50
#F1F1FD
100
#DFDFFB
200
#BBBAFC
300
#8A89FA
400
#4B4AF8
500
#0C0AF5
600
#0A08C4
700
#08069D
800
#06057B
900
#090859
950
#060538

Contrast Checker

Text on white

8.83:1

AA Pass AAA Pass

Text on black

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