#314544 Color

Color Information

HEX	#314544
RGB	49, 69, 68
HSL	177° , 17% , 23%
HSV	177° , 29% , 27%
CMYK	29%, 0%, 1%, 73%

Lighter Shades

#4A5B5A #627271 #7B8887 #949E9E #ADB5B4 #C5CBCB

Darker Shades

#2B3D3C #253434 #1F2C2C #192423 #141C1B #0E1313

Complementary Palette

#2A3B3A #314544 #3B2A2B #453132 #5F4E4F #4E5F5E

Analogous Palette

#2E3E35 #32433A #2E4140 #314544 #323C43 #3F4C55

Triadic Palette

#2B3D3C #314544 #492B4A #5F4460 #4A492B #414026

Split Complementary Palette

#2C3E3D #314544 #45313C #584650 #453A31 #3E342C

Square Palette

#293A39 #314544 #3A3243 #433233 #3C4531 #5B6352

Tetradic Palette

#283938 #314544 #26284F #453132 #4F4D26 #6F6D4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314544 contains 49 red, 69 green, and 68 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