#0F5996 Color

Color Information

HEX#0F5996
RGB15, 89, 150
HSL207° , 82% , 32%
HSV207° , 90% , 59%
CMYK90%, 41%, 0%, 41%

Lighter Shades

#2C6DA3 #4981AF #6595BC #82A9C8 #9FBDD5 #BCD1E2

Darker Shades

#0D4E84 #0B4472 #0A3960 #082E4E #06243C #04192A

Complementary Palette

#0D4D81 #0F5996 #80410D #954B0F #A46431 #3170A5

Analogous Palette

#1E7B76 #1F847F #0E548D #0F5996 #1F2484 #353988

Triadic Palette

#0D4E84 #0F5996 #9D0759 #A9256D #599D07 #4E8A06

Split Complementary Palette

#0E5087 #0F5996 #950F15 #A0272C #958E0F #86800E

Square Palette

#0D4B7E #0F5996 #86178C #8C4C17 #15950F #3AA635

Tetradic Palette

#0C497B #0F5996 #4900A3 #954B0F #5AA300 #78B42E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0F5996 contains 15 red, 89 green, and 150 blue.

Contrast Ratio: 7.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.87:1