#0F60A2

#0F60A2

Color Values

HEX

#0F60A2

RGB

15, 96, 162

HSL

206.9, 83.1%, 34.7%

HSV

206.9, 90.7%, 63.5%

CMYK

90.7%, 40.7%, 0.0%, 36.5%

OKLCH

0.4801 0.1279 249.8

Properties

Cool Dark Nearest: RAL 5015 Sky Blue

Color Harmonies

Complementary

#0F60A2

#A2510F

Analogous

#0FA29A

#0F17A2

#0F60A2

Triadic

#0F60A2

#A20F60

#60A20F

Split Complementary

#0F60A2

#A20F17

#A29A0F

Tetradic

#0F60A2

#9A0FA2

#A2510F

#17A20F

Color Blindness Simulation

Original

#0F60A2

Protanopia

#323392

Deuteranopia

#2D278E

Tritanopia

#138583

Achromatopsia

#545454

CSS Usage

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

Tailwind Shades

50
#F2F8FD
100
#E1EEFA
200
#BEDEF9
300
#8FC7F5
400
#52A9EF
500
#168AE9
600
#116FBB
700
#0E5995
800
#0B4575
900
#0C3455
950
#082135

Contrast Checker

Text on white

6.53:1

AA Pass AAA Fail

Text on black

3.22:1

AA Fail AAA Fail

Related Articles

Brand Stories

Pantone Colors by Decade: The 2000s, 2010s, and 2020s Compared

Feb 01, 2026
Tutorials

Responsive Color: Adapting Colors for Different Screens

Jan 23, 2026
Tutorials

Color for Data Storytelling: Beyond Default Chart Colors

Jan 21, 2026