#0F14C2

#0F14C2

Color Values

HEX

#0F14C2

RGB

15, 20, 194

HSL

238.3, 85.6%, 41.0%

HSV

238.3, 92.3%, 76.1%

CMYK

92.3%, 89.7%, 0.0%, 23.9%

OKLCH

0.3819 0.2453 266.0

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0F14C2

#C2BD0F

Analogous

#0F6EC2

#630FC2

#0F14C2

Triadic

#0F14C2

#C20F14

#14C20F

Split Complementary

#0F14C2

#C2630F

#6EC20F

Tetradic

#0F14C2

#C20F6E

#C2BD0F

#0FC263

Color Blindness Simulation

Original

#0F14C2

Protanopia

#111198

Deuteranopia

#11108E

Tritanopia

#0F776F

Achromatopsia

#1F1F1F

CSS Usage

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

Tailwind Shades

50
#F2F2FD
100
#E0E1FA
200
#BDBEFA
300
#8D90F6
400
#5054F1
500
#1219ED
600
#0F14BD
700
#0C1097
800
#090C76
900
#0B0D56
950
#070836

Contrast Checker

Text on white

11.06:1

AA Pass AAA Pass

Text on black

1.9:1

AA Fail AAA Fail

Related Articles

Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026
Tutorials

How to Choose Brand Colors: A Step-by-Step Guide

Jan 18, 2026