#163156 Color

Color Information

HEX#163156
RGB22, 49, 86
HSL215° , 59% , 21%
HSV215° , 74% , 34%
CMYK74%, 43%, 0%, 66%

Lighter Shades

#324A6A #4E627F #6A7B93 #8694A7 #A2ADBB #BEC5D0

Darker Shades

#132B4C #112541 #0E1F37 #0B192D #091422 #060E18

Complementary Palette

#132A4A #163156 #493313 #553B16 #6D5637 #374E6E

Analogous Palette

#1E4143 #21474A #152E51 #163156 #24214A #383653

Triadic Palette

#132B4C #163156 #5A112F #6E2E48 #2F5A11 #294F0F

Split Complementary Palette

#142C4D #163156 #551B16 #66322D #505516 #484D14

Square Palette

#122948 #163156 #501B4B #503A1B #16551B #3B703F

Tetradic Palette

#122847 #163156 #3C0C5F #553B16 #2F5F0C #547C38

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #163156 contains 22 red, 49 green, and 86 blue.

Contrast Ratio: 13.71:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.53:1