#0F4B84

#0F4B84

Color Values

HEX

#0F4B84

RGB

15, 75, 132

HSL

209.2, 79.6%, 28.8%

HSV

209.2, 88.6%, 51.8%

CMYK

88.6%, 43.2%, 0.0%, 48.2%

OKLCH

0.4088 0.1117 252.0

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#0F4B84

#84480F

Analogous

#0F8482

#0F1184

#0F4B84

Triadic

#0F4B84

#840F4B

#4B840F

Split Complementary

#0F4B84

#840F11

#84820F

Tetradic

#0F4B84

#820F84

#84480F

#11840F

Color Blindness Simulation

Original

#0F4B84

Protanopia

#292A76

Deuteranopia

#262173

Tritanopia

#126B69

Achromatopsia

#424242

CSS Usage

background-color: #0F4B84;
color: #0F4B84;
border-color: #0F4B84;
Nearest Tailwind: Sky 800 #075985

Tailwind Shades

50
#F2F7FD
100
#E1EDF9
200
#BFDCF8
300
#91C3F3
400
#56A3EC
500
#1A82E5
600
#1568B7
700
#115393
800
#0D4172
900
#0E3153
950
#091F35

Contrast Checker

Text on white

8.9:1

AA Pass AAA Pass

Text on black

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