#0F4996

#0F4996

Color Values

HEX

#0F4996

RGB

15, 73, 150

HSL

214.2, 81.8%, 32.4%

HSV

214.2, 90.0%, 58.8%

CMYK

90.0%, 51.3%, 0.0%, 41.2%

OKLCH

0.4175 0.139 257.8

Properties

Cool Dark Nearest: NCS S 2060-B Deep Blue

Color Harmonies

Complementary

#0F4996

#965C0F

Analogous

#0F8D96

#180F96

#0F4996

Triadic

#0F4996

#960F49

#49960F

Split Complementary

#0F4996

#96180F

#8D960F

Tetradic

#0F4996

#960F8D

#965C0F

#0F9618

Color Blindness Simulation

Original

#0F4996

Protanopia

#282983

Deuteranopia

#25207F

Tritanopia

#127571

Achromatopsia

#424242

CSS Usage

background-color: #0F4996;
color: #0F4996;
border-color: #0F4996;
Nearest Tailwind: Blue 900 #1E3A8A

Tailwind Shades

50
#F2F7FD
100
#E1EBFA
200
#BED7F9
300
#90BBF4
400
#5396EE
500
#1771E8
600
#135AB9
700
#0F4894
800
#0C3874
900
#0D2B54
950
#081B35

Contrast Checker

Text on white

8.7:1

AA Pass AAA Pass

Text on black

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