#0F3C63

#0F3C63

Color Values

HEX

#0F3C63

RGB

15, 60, 99

HSL

207.9, 73.7%, 22.4%

HSV

207.9, 84.8%, 38.8%

CMYK

84.8%, 39.4%, 0.0%, 61.2%

OKLCH

0.348 0.0832 249.1

Properties

Cool Dark Nearest: Midnight Blue

Color Harmonies

Complementary

#0F3C63

#63360F

Analogous

#0F6360

#0F1263

#0F3C63

Triadic

#0F3C63

#630F3C

#3C630F

Split Complementary

#0F3C63

#630F12

#63600F

Tetradic

#0F3C63

#600F63

#63360F

#12630F

Color Blindness Simulation

Original

#0F3C63

Protanopia

#22235A

Deuteranopia

#201C57

Tritanopia

#115250

Achromatopsia

#353535

CSS Usage

background-color: #0F3C63;
color: #0F3C63;
border-color: #0F3C63;
Nearest Tailwind: Sky 900 #0C4A6E

Tailwind Shades

50
#F3F8FC
100
#E2EEF8
200
#C1DDF6
300
#95C5EF
400
#5BA6E6
500
#2286DD
600
#1B6BB1
700
#15568E
800
#11436F
900
#103351
950
#0A2033

Contrast Checker

Text on white

11.37:1

AA Pass AAA Pass

Text on black

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