#163F80 Color

Color Information

HEX#163F80
RGB22, 63, 128
HSL217° , 71% , 29%
HSV217° , 83% , 50%
CMYK83%, 51%, 0%, 50%

Lighter Shades

#32568F #4E6D9E #6A84AE #869BBD #A2B2CC #BEC9DB

Darker Shades

#133771 #113061 #0E2852 #0B2143 #091933 #061224

Complementary Palette

#13366E #163F80 #6C4A12 #7E5615 #906E36 #375A92

Analogous Palette

#205D65 #246770 #153B78 #163F80 #2D2470 #423A78

Triadic Palette

#133771 #163F80 #860E3C #952B53 #3C860E #35760C

Split Complementary Palette

#143973 #163F80 #7E2215 #8B382C #727E15 #677113

Square Palette

#12356C #163F80 #771D6D #77541D #157E22 #3A9345

Tetradic Palette

#123469 #163F80 #59088C #7E5615 #3B8C08 #5EA134

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #163F80 contains 22 red, 63 green, and 128 blue.

Contrast Ratio: 10.52:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1