#0F5BA7

#0F5BA7

Color Values

HEX

#0F5BA7

RGB

15, 91, 167

HSL

210,0, 83,5%, 35,7%

HSV

210,0, 91,0%, 65,5%

CMYK

91,0%, 45,5%, 0,0%, 34,5%

OKLCH

0,4718 0,1401 253,7

Properties

Cool Dark Nearest: NCS S 2065-B Pure Blue

Color Harmonies

Complementary

#0F5BA7

#A75B0F

Analogous

#0FA7A7

#0F0FA7

#0F5BA7

Triadic

#0F5BA7

#A70F5B

#5BA70F

Split Complementary

#0F5BA7

#A70F0F

#A7A70F

Tetradic

#0F5BA7

#A70FA7

#A75B0F

#0FA70F

Color Blindness Simulation

Original

#0F5BA7

Protanopia

#303195

Deuteranopia

#2C2690

Tritanopia

#138683

Achromatopsia

#505050

CSS Usage

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

Tailwind Shades

50
#F2F7FD
100
#E0EDFA
200
#BDDBF9
300
#8FC2F5
400
#52A1EF
500
#1580EA
600
#1166BB
700
#0D5296
800
#0B4075
900
#0C3055
950
#081F36

Contrast Checker

Text on white

6,83:1

AA Pass AAA Fail

Text on black

3,07:1

AA Fail AAA Fail

Related Articles

Tutorials

CSS color-mix(): Blend Colors Natively in the Browser

Jan 26, 2026
Tutorials

Building a Color Picker Web Component from Scratch

Jan 21, 2026
Tutorials

Perceptual Color Spaces: Lab, LCH, Oklab, OKLCH

Jan 15, 2026