#164A70 Color

Color Information

HEX#164A70
RGB22, 74, 112
HSL205° , 67% , 26%
HSV205° , 80% , 44%
CMYK80%, 34%, 0%, 56%

Lighter Shades

#326081 #4E7592 #6A8BA3 #86A1B5 #A2B7C6 #BECCD7

Darker Shades

#134163 #113855 #0E2F48 #0B263A #091E2D #06151F

Complementary Palette

#134060 #164A70 #5F3313 #6F3B16 #835637 #376384

Analogous Palette

#205A55 #23615C #154669 #164A70 #232861 #393C6A

Triadic Palette

#134163 #164A70 #750F4B #862C61 #4B750F #42670D

Split Complementary Palette

#144365 #164A70 #6F161D #7D2D34 #6F6716 #645D14

Square Palette

#123E5E #164A70 #621D68 #683C1D #1D6F16 #41863B

Tetradic Palette

#123D5C #164A70 #390A7B #6F3B16 #4C7B0A #6C9336

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #164A70 contains 22 red, 74 green, and 112 blue.

Contrast Ratio: 9.56:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.2:1