#314E39 Color

Color Information

HEX#314E39
RGB49, 78, 57
HSL137° , 23% , 25%
HSV137° , 37% , 31%
CMYK37%, 0%, 27%, 69%

Lighter Shades

#4A6351 #627869 #7B8E80 #94A398 #ADB8B0 #C5CDC8

Darker Shades

#2B4532 #253B2B #1F3224 #19291E #141F17 #0E1610

Complementary Palette

#2A4331 #314E39 #432A3C #4E3146 #674E60 #4E6755

Analogous Palette

#364332 #3A4936 #2E4936 #314E39 #364945 #435B57

Triadic Palette

#2B4532 #314E39 #372B55 #4F4469 #55372B #4B3026

Split Complementary Palette

#2C4633 #314E39 #48314E #5A4660 #4E3137 #462C32

Square Palette

#294230 #314E39 #363A49 #493644 #4E4831 #6A6552

Tetradic Palette

#28402F #314E39 #264B5A #4E3146 #5A3426 #78594D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314E39 contains 49 red, 78 green, and 57 blue.

Contrast Ratio: 9.45:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.22:1