#316345 Color

Color Information

HEX	#316345
RGB	49, 99, 69
HSL	144° , 34% , 29%
HSV	144° , 51% , 39%
CMYK	51%, 0%, 30%, 61%

Lighter Shades

#4A765B #628872 #7B9B88 #94AE9E #ADC1B5 #C5D3CB

Darker Shades

#2B573D #254B34 #1F3F2C #193324 #14281C #0E1C13

Complementary Palette

#2A553B #316345 #552A44 #63314F #794E68 #4E795F

Analogous Palette

#3D4F3B #41553F #2E5D41 #316345 #3F5553 #4C6764

Triadic Palette

#2B573D #316345 #43296A #5A437C #6A4329 #5D3B24

Split Complementary Palette

#2C593E #316345 #5E3163 #6E4673 #633136 #592C31

Square Palette

#29533A #316345 #383C5C #5C384D #635E31 #7C7852

Tetradic Palette

#285139 #316345 #235270 #63314F #704223 #8A644B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316345 contains 49 red, 99 green, and 69 blue.

Contrast Ratio: 7.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1