#314A38 Color

Color Information

HEX#314A38
RGB49, 74, 56
HSL137° , 20% , 24%
HSV137° , 34% , 29%
CMYK34%, 0%, 24%, 71%

Lighter Shades

#4A6050 #627568 #7B8B80 #94A198 #ADB7AF #C5CCC7

Darker Shades

#2B4131 #25382B #1F2F24 #19261D #141E16 #0E1510

Complementary Palette

#2A4030 #314A38 #3F2A3A #493143 #624E5D #4E6354

Analogous Palette

#344130 #384634 #2E4635 #314A38 #344643 #415853

Triadic Palette

#2B4131 #314A38 #362B50 #4E4465 #50362B #463026

Split Complementary Palette

#2C4332 #314A38 #443149 #57465B #493136 #422C31

Square Palette

#293E2F #314A38 #343846 #463442 #494431 #666252

Tetradic Palette

#283D2E #314A38 #264954 #493143 #543426 #73594D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314A38 contains 49 red, 74 green, and 56 blue.

Contrast Ratio: 9.98:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1