#0F09BA

#0F09BA

Color Values

HEX

#0F09BA

RGB

15, 9, 186

HSL

242.0, 90.8%, 38.2%

HSV

242.0, 95.2%, 72.9%

CMYK

91.9%, 95.2%, 0.0%, 27.1%

OKLCH

0.3646 0.2415 266.1

Properties

Cool Dark Nearest: mediumblue

Color Harmonies

Complementary

#0F09BA

#B4BA09

Analogous

#095CBA

#6709BA

#0F09BA

Triadic

#0F09BA

#BA0F09

#09BA0F

Split Complementary

#0F09BA

#BA6709

#5CBA09

Tetradic

#0F09BA

#BA095C

#B4BA09

#09BA67

Color Blindness Simulation

Original

#0F09BA

Protanopia

#0C0C8F

Deuteranopia

#0D0D85

Tritanopia

#0F6D66

Achromatopsia

#171717

CSS Usage

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

Tailwind Shades

50
#F2F1FD
100
#E0DFFB
200
#BDBBFC
300
#8E8AF9
400
#514BF6
500
#130CF3
600
#1009C3
700
#0C089C
800
#0A067A
900
#0B0958
950
#070638

Contrast Checker

Text on white

11.88:1

AA Pass AAA Pass

Text on black

1.77:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026