#314532 Color

Color Information

HEX#314532
RGB49, 69, 50
HSL123° , 17% , 23%
HSV123° , 29% , 27%
CMYK29%, 0%, 28%, 73%

Lighter Shades

#4A5B4B #627263 #7B887C #949E94 #ADB5AD #C5CBC6

Darker Shades

#2B3D2C #253426 #1F2C20 #19241A #141C14 #0E130E

Complementary Palette

#2A3B2B #314532 #3B2A3A #453144 #5F4E5E #4E5F4F

Analogous Palette

#353E2E #3A4332 #2E412F #314532 #32433C #3F554C

Triadic Palette

#2B3D2C #314532 #2C2B4A #454460 #4A2C2B #412726

Split Complementary Palette

#2C3E2D #314532 #3C3145 #504658 #45313A #3E2C34

Square Palette

#293A2A #314532 #323A43 #433243 #453C31 #635B52

Tetradic Palette

#283929 #314532 #264D4F #453144 #4F2826 #6F4F4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314532 contains 49 red, 69 green, and 50 blue.

Contrast Ratio: 10.72:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.96:1