#0C3CF3

#0C3CF3

Color Values

HEX

#0C3CF3

RGB

12, 60, 243

HSL

227.5, 90.6%, 50.0%

HSV

227.5, 95.1%, 95.3%

CMYK

95.1%, 75.3%, 0.0%, 4.7%

OKLCH

0.4838 0.2697 264.5

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0C3CF3

#F3C30C

Analogous

#0CB0F3

#4F0CF3

#0C3CF3

Triadic

#0C3CF3

#F30C3C

#3CF30C

Split Complementary

#0C3CF3

#F34F0C

#B0F30C

Tetradic

#0C3CF3

#F30CB0

#F3C30C

#0CF34F

Color Blindness Simulation

Original

#0C3CF3

Protanopia

#2121C7

Deuteranopia

#1E1ABC

Tritanopia

#0EA49C

Achromatopsia

#3F3F3F

CSS Usage

background-color: #0C3CF3;
color: #0C3CF3;
border-color: #0C3CF3;
Nearest Tailwind: Indigo 600 #4F46E5

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC8FC
300
#8AA1F9
400
#4B6FF6
500
#0C3CF3
600
#0A30C2
700
#08269C
800
#061E7A
900
#091958
950
#061038

Contrast Checker

Text on white

7.1:1

AA Pass AAA Pass

Text on black

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