#0C36F3

#0C36F3

Color Values

HEX

#0C36F3

RGB

12, 54, 243

HSL

229.1, 90.6%, 50.0%

HSV

229.1, 95.1%, 95.3%

CMYK

95.1%, 77.8%, 0.0%, 4.7%

OKLCH

0.476 0.2748 264.7

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0C36F3

#F3C90C

Analogous

#0CA9F3

#560CF3

#0C36F3

Triadic

#0C36F3

#F30C36

#36F30C

Split Complementary

#0C36F3

#F3560C

#A9F30C

Tetradic

#0C36F3

#F30CA9

#F3C90C

#0CF356

Color Blindness Simulation

Original

#0C36F3

Protanopia

#1E1FC5

Deuteranopia

#1C19BA

Tritanopia

#0EA199

Achromatopsia

#3B3B3B

CSS Usage

background-color: #0C36F3;
color: #0C36F3;
border-color: #0C36F3;
Nearest Tailwind: Violet 600 #7C3AED

Tailwind Shades

50
#F1F4FD
100
#DFE4FB
200
#BBC7FC
300
#8A9EF9
400
#4B6AF6
500
#0C36F3
600
#0A2BC2
700
#08239C
800
#061B7A
900
#091758
950
#060F38

Contrast Checker

Text on white

7.4:1

AA Pass AAA Pass

Text on black

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