#316956 Color

Color Information

HEX#316956
RGB49, 105, 86
HSL160° , 36% , 30%
HSV160° , 53% , 41%
CMYK53%, 0%, 18%, 59%

Lighter Shades

#4A7B6A #628D7F #7B9F93 #94B1A7 #ADC3BB #C5D5D0

Darker Shades

#2B5C4C #255041 #1F4337 #19372D #142A22 #0E1D18

Complementary Palette

#2A5A4A #316956 #592A3A #683143 #7D4E5D #4E7E6E

Analogous Palette

#3C533F #405944 #2E6351 #316956 #405559 #4C6367

Triadic Palette

#2B5C4C #316956 #582970 #6C4381 #705829 #634D24

Split Complementary Palette

#2C5F4D #316956 #68315F #77466F #683A31 #5E342C

Square Palette

#295848 #316956 #3F3960 #603946 #5F6831 #798052

Tetradic Palette

#285647 #316956 #233F76 #683143 #765A23 #8F784B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316956 contains 49 red, 105 green, and 86 blue.

Contrast Ratio: 6.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.28:1