#0F3166

#0F3166

Color Values

HEX

#0F3166

RGB

15, 49, 102

HSL

216.6, 74.4%, 22.9%

HSV

216.6, 85.3%, 40.0%

CMYK

85.3%, 52.0%, 0.0%, 60.0%

OKLCH

0.3224 0.1013 259.3

Properties

Cool Dark Nearest: RAL 5017 Traffic Blue

Color Harmonies

Complementary

#0F3166

#66440F

Analogous

#0F5C66

#190F66

#0F3166

Triadic

#0F3166

#660F31

#31660F

Split Complementary

#0F3166

#66190F

#5C660F

Tetradic

#0F3166

#660F5C

#66440F

#0F6619

Color Blindness Simulation

Original

#0F3166

Protanopia

#1E1E59

Deuteranopia

#1C1956

Tritanopia

#114F4D

Achromatopsia

#2E2E2E

CSS Usage

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

Tailwind Shades

50
#F3F6FC
100
#E2EBF8
200
#C1D5F6
300
#94B8EF
400
#5A91E7
500
#216BDE
600
#1A55B2
700
#15448E
800
#10356F
900
#102951
950
#0A1A33

Contrast Checker

Text on white

12.72:1

AA Pass AAA Pass

Text on black

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