#0C2AF3

#0C2AF3

Color Values

HEX

#0C2AF3

RGB

12, 42, 243

HSL

232.2, 90.6%, 50.0%

HSV

232.2, 95.1%, 95.3%

CMYK

95.1%, 82.7%, 0.0%, 4.7%

OKLCH

0.4625 0.2838 265.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0C2AF3

#F3D50C

Analogous

#0C9EF3

#610CF3

#0C2AF3

Triadic

#0C2AF3

#F30C2A

#2AF30C

Split Complementary

#0C2AF3

#F3610C

#9EF30C

Tetradic

#0C2AF3

#F30C9E

#F3D50C

#0CF361

Color Blindness Simulation

Original

#0C2AF3

Protanopia

#1919C2

Deuteranopia

#1715B7

Tritanopia

#0D9C94

Achromatopsia

#323232

CSS Usage

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

Tailwind Shades

50
#F1F3FD
100
#DFE3FB
200
#BBC3FC
300
#8A99F9
400
#4B61F6
500
#0C2AF3
600
#0A22C2
700
#081B9C
800
#06157A
900
#091358
950
#060C38

Contrast Checker

Text on white

7.95:1

AA Pass AAA Pass

Text on black

2.64:1

AA Fail AAA Fail

Related Articles

Color Questions

What Is Pantone? The Universal Color Language

Feb 20, 2026
Color Questions

What Is Metamerism? Why Colors Look Different Under Different Lights

Feb 20, 2026
Color Questions

What Is Luminance? Brightness in Color Science

Feb 20, 2026