#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

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