#0C3AF3

#0C3AF3

Color Values

HEX

#0C3AF3

RGB

12, 58, 243

HSL

228.1, 90.6%, 50.0%

HSV

228.1, 95.1%, 95.3%

CMYK

95.1%, 76.1%, 0.0%, 4.7%

OKLCH

0.4812 0.2714 264.6

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0C3AF3

#F3C50C

Analogous

#0CADF3

#520CF3

#0C3AF3

Triadic

#0C3AF3

#F30C3A

#3AF30C

Split Complementary

#0C3AF3

#F3520C

#ADF30C

Tetradic

#0C3AF3

#F30CAD

#F3C50C

#0CF352

Color Blindness Simulation

Original

#0C3AF3

Protanopia

#2020C6

Deuteranopia

#1D1ABC

Tritanopia

#0EA39B

Achromatopsia

#3E3E3E

CSS Usage

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

Tailwind Shades

50
#F1F4FD
100
#DFE5FB
200
#BBC8FC
300
#8AA0F9
400
#4B6DF6
500
#0C3AF3
600
#0A2EC2
700
#08259C
800
#061D7A
900
#091958
950
#061038

Contrast Checker

Text on white

7.2:1

AA Pass AAA Pass

Text on black

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