#163A56 Color

Color Information

HEX#163A56
RGB22, 58, 86
HSL206° , 59% , 21%
HSV206° , 74% , 34%
CMYK74%, 33%, 0%, 66%

Lighter Shades

#32526A #4E697F #6A8193 #8699A7 #A2B0BB #BEC8D0

Darker Shades

#13334C #112C41 #0E2537 #0B1E2D #091722 #061018

Complementary Palette

#13324A #163A56 #492A13 #553116 #6D4E37 #37566E

Analogous Palette

#1E4341 #214A48 #153751 #163A56 #21234A #363853

Triadic Palette

#13334C #163A56 #5A113A #6E2E52 #3A5A11 #334F0F

Split Complementary Palette

#14344D #163A56 #55161A #662D31 #555116 #4D4914

Square Palette

#123148 #163A56 #4C1B50 #50321B #1A5516 #3F703B

Tetradic Palette

#123047 #163A56 #300C5F #553116 #3B5F0C #5E7C38

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #163A56 contains 22 red, 58 green, and 86 blue.

Contrast Ratio: 12.34:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.7:1