#314639 Color

Color Information

HEX#314639
RGB49, 70, 57
HSL143° , 18% , 23%
HSV143° , 30% , 27%
CMYK30%, 0%, 19%, 73%

Lighter Shades

#4A5C51 #627269 #7B8980 #949F98 #ADB5B0 #C5CBC8

Darker Shades

#2B3E32 #25352B #1F2D24 #19241E #141C17 #0E1410

Complementary Palette

#2A3C31 #314639 #3B2934 #45303D #5F4D58 #4E6055

Analogous Palette

#303E2E #344332 #2E4236 #314639 #324342 #3F5553

Triadic Palette

#2B3E32 #314639 #372A4B #4F4461 #4B372A #423025

Split Complementary Palette

#2C3F33 #314639 #433045 #564558 #453033 #3E2B2E

Square Palette

#293B30 #314639 #323443 #43323D #454330 #636151

Tetradic Palette

#28392F #314639 #264050 #45303D #503626 #705A4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314639 contains 49 red, 70 green, and 57 blue.

Contrast Ratio: 10.51:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2:1