#0F498C

#0F498C

Color Values

HEX

#0F498C

RGB

15, 73, 140

HSL

212.2, 80.6%, 30.4%

HSV

212.2, 89.3%, 54.9%

CMYK

89.3%, 47.9%, 0.0%, 45.1%

OKLCH

0.4098 0.1252 255.6

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#0F498C

#8C520F

Analogous

#0F878C

#140F8C

#0F498C

Triadic

#0F498C

#8C0F49

#498C0F

Split Complementary

#0F498C

#8C140F

#878C0F

Tetradic

#0F498C

#8C0F87

#8C520F

#0F8C14

Color Blindness Simulation

Original

#0F498C

Protanopia

#28297C

Deuteranopia

#252078

Tritanopia

#126F6C

Achromatopsia

#424242

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E1ECF9
200
#BFD9F8
300
#90BEF3
400
#559BED
500
#1978E6
600
#1460B8
700
#104D93
800
#0C3C73
900
#0D2E54
950
#081D35

Contrast Checker

Text on white

8.93:1

AA Pass AAA Pass

Text on black

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