#0F3C89 Color

Color Information

HEX#0F3C89
RGB15, 60, 137
HSL218° , 80% , 30%
HSV218° , 89% , 54%
CMYK89%, 56%, 0%, 46%

Lighter Shades

#2C5397 #496BA5 #6582B3 #829AC2 #9FB1D0 #BCC8DE

Darker Shades

#0D3579 #0B2E68 #0A2658 #081F47 #061837 #041126

Complementary Palette

#0D3476 #0F3C89 #77500D #8A5D0F #9A7431 #31579A

Analogous Palette

#1D6772 #1F6E7A #0E3881 #0F3C89 #2B1F7A #3E347F

Triadic Palette

#0D3579 #0F3C89 #91083A #9E2652 #3A9108 #338007

Split Complementary Palette

#0E367B #0F3C89 #8A200F #963627 #798A0F #6D7C0E

Square Palette

#0D3273 #0F3C89 #821774 #825B17 #0F8A20 #359D44

Tetradic Palette

#0C3170 #0F3C89 #600297 #8A5D0F #399702 #5DAA30

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0F3C89 contains 15 red, 60 green, and 137 blue.

Contrast Ratio: 10.66:1

Black Background

FAIL

Example Headline (24px)

This shade works well for UI design, branding, typography, and digital projects.

Contrast Ratio: 1.97:1