#31712A Color

Color Information

HEX#31712A
RGB49, 113, 42
HSL114° , 46% , 30%
HSV114° , 63% , 44%
CMYK57%, 0%, 63%, 56%

Lighter Shades

#4A8244 #62935D #7BA477 #94B590 #ADC6AA #C5D7C3

Darker Shades

#2B6325 #255620 #1F481B #193B16 #142D11 #0E200C

Complementary Palette

#2A6124 #31712A #5A2360 #692970 #7E4784 #4E8548

Analogous Palette

#4B5A35 #506039 #2E6A27 #31712A #396049 #4B6856

Triadic Palette

#2B6325 #31712A #222A77 #3D4487 #77222A #691E25

Split Complementary Palette

#2C6626 #31712A #452970 #583E7E #702954 #65254C

Square Palette

#295F23 #31712A #315268 #633168 #704529 #87634B

Tetradic Palette

#285D22 #31712A #1C7D74 #692970 #7D1C25 #94454C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #31712A contains 49 red, 113 green, and 42 blue.

Contrast Ratio: 5.95:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.53:1