#0F508C

#0F508C

Color Values

HEX

#0F508C

RGB

15, 80, 140

HSL

208.8, 80.6%, 30.4%

HSV

208.8, 89.3%, 54.9%

CMYK

89.3%, 42.9%, 0.0%, 45.1%

OKLCH

0.4266 0.1168 251.7

Properties

Cool Dark Nearest: dodgerblue 4

Color Harmonies

Complementary

#0F508C

#8C4B0F

Analogous

#0F8C8A

#0F128C

#0F508C

Triadic

#0F508C

#8C0F50

#508C0F

Split Complementary

#0F508C

#8C0F12

#8C8A0F

Tetradic

#0F508C

#8A0F8C

#8C4B0F

#128C0F

Color Blindness Simulation

Original

#0F508C

Protanopia

#2B2C7D

Deuteranopia

#27227A

Tritanopia

#127270

Achromatopsia

#474747

CSS Usage

background-color: #0F508C;
color: #0F508C;
border-color: #0F508C;
Nearest Tailwind: Sky 700 #0369A1

Tailwind Shades

50
#F2F8FD
100
#E1EEF9
200
#BFDCF8
300
#90C4F3
400
#55A4ED
500
#1984E6
600
#1469B8
700
#105493
800
#0C4273
900
#0D3254
950
#081F35

Contrast Checker

Text on white

8.25:1

AA Pass AAA Pass

Text on black

2.55:1

AA Fail AAA Fail

Related Articles

Tutorials

Building a Color Picker Web Component from Scratch

Feb 20, 2026
Tutorials

Web Color Performance: Gradients, Shadows, and Filters

Feb 19, 2026
Tutorials

Tailwind CSS Colors: Complete Shade System Guide

Feb 19, 2026