#0F20A2 Color

Color Information

HEX#0F20A2
RGB15, 32, 162
HSL233° , 83% , 35%
HSV233° , 91% , 64%
CMYK91%, 80%, 0%, 36%

Lighter Shades

#2C3BAD #4956B8 #6570C3 #828BCF #9FA6DA #BCC1E5

Darker Shades

#0D1C8F #0B187B #0A1468 #081154 #060D41 #04092D

Complementary Palette

#0D1C8B #0F20A2 #8C7E0D #A3920F #B0A131 #313FAF

Analogous Palette

#1E5E85 #216691 #0E1E98 #0F20A2 #4C2191 #5B3696

Triadic Palette

#0D1C8F #0F20A2 #AC061A #B62435 #1AAC06 #179705

Split Complementary Palette

#0E1D92 #0F20A2 #A3480F #AC5A27 #6BA30F #60930E

Square Palette

#0D1B88 #0F20A2 #9A1868 #9A8B18 #0FA348 #35B265

Tetradic Palette

#0C1A85 #0F20A2 #9E00B3 #A3920F #15B300 #3FC12E

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #0F20A2 contains 15 red, 32 green, and 162 blue.

Contrast Ratio: 12.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.69:1