#0F12C6

#0F12C6

Color Values

HEX

#0F12C6

RGB

15, 18, 198

HSL

239.0, 85.9%, 41.8%

HSV

239.0, 92.4%, 77.6%

CMYK

92.4%, 90.9%, 0.0%, 22.4%

OKLCH

0.3858 0.2504 265.9

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0F12C6

#C6C30F

Analogous

#0F6EC6

#680FC6

#0F12C6

Triadic

#0F12C6

#C60F12

#12C60F

Split Complementary

#0F12C6

#C6680F

#6EC60F

Tetradic

#0F12C6

#C60F6E

#C6C30F

#0FC668

Color Blindness Simulation

Original

#0F12C6

Protanopia

#10109A

Deuteranopia

#101090

Tritanopia

#0F7870

Achromatopsia

#1E1E1E

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEFA
300
#8D8FF6
400
#5052F2
500
#1216ED
600
#0E11BE
700
#0C0E98
800
#090B77
900
#0B0C56
950
#070836

Contrast Checker

Text on white

10.92:1

AA Pass AAA Pass

Text on black

1.92:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026