#0F3F7B

#0F3F7B

Color Values

HEX

#0F3F7B

RGB

15, 63, 123

HSL

213.3, 78.3%, 27.1%

HSV

213.3, 87.8%, 48.2%

CMYK

87.8%, 48.8%, 0.0%, 51.8%

OKLCH

0.373 0.1138 256.5

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#0F3F7B

#7B4B0F

Analogous

#0F757B

#150F7B

#0F3F7B

Triadic

#0F3F7B

#7B0F3F

#3F7B0F

Split Complementary

#0F3F7B

#7B150F

#757B0F

Tetradic

#0F3F7B

#7B0F75

#7B4B0F

#0F7B15

Color Blindness Simulation

Original

#0F3F7B

Protanopia

#24246C

Deuteranopia

#211D69

Tritanopia

#11615E

Achromatopsia

#393939

CSS Usage

background-color: #0F3F7B;
color: #0F3F7B;
border-color: #0F3F7B;
Nearest Tailwind: Blue 950 #172554

Tailwind Shades

50
#F2F7FC
100
#E1ECF9
200
#BFD8F7
300
#92BDF2
400
#5799EB
500
#1C75E3
600
#165DB6
700
#124B91
800
#0E3A72
900
#0E2D53
950
#091C34

Contrast Checker

Text on white

10.41:1

AA Pass AAA Pass

Text on black

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