#316845 Color

Color Information

HEX	#316845
RGB	49, 104, 69
HSL	142° , 36% , 30%
HSV	142° , 53% , 41%
CMYK	53%, 0%, 34%, 59%

Lighter Shades

#4A7A5B #628C72 #7B9E88 #94B09E #ADC3B5 #C5D5CB

Darker Shades

#2B5C3D #254F34 #1F432C #193624 #142A1C #0E1D13

Complementary Palette

#2A593B #316845 #592A48 #683154 #7D4E6C #4E7D5F

Analogous Palette

#3F533C #445940 #2E6241 #316845 #405955 #4C6764

Triadic Palette

#2B5C3D #316845 #432970 #5A4381 #704329 #633B24

Split Complementary Palette

#2C5E3E #316845 #613168 #714677 #683138 #5E2C32

Square Palette

#29573A #316845 #393E60 #603952 #686131 #807A52

Tetradic Palette

#285539 #316845 #235876 #683154 #764123 #8F634B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #316845 contains 49 red, 104 green, and 69 blue.

Contrast Ratio: 6.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.18:1