#314145 Color

Color Information

HEX#314145
RGB49, 65, 69
HSL192° , 17% , 23%
HSV192° , 29% , 27%
CMYK29%, 6%, 0%, 73%

Lighter Shades

#4A585B #626F72 #7B8588 #949C9E #ADB3B5 #C5CACB

Darker Shades

#2B393D #253134 #1F2A2C #192224 #141A1C #0E1213

Complementary Palette

#2A383B #314145 #3B2E2A #453531 #5F514E #4E5C5F

Analogous Palette

#2E3E39 #32433E #2E3D41 #314145 #323743 #3F4655

Triadic Palette

#2B393D #314145 #4A2B44 #60445A #444A2B #3C4126

Split Complementary Palette

#2C3B3E #314145 #453137 #58464B #453F31 #3E392C

Square Palette

#29373A #314145 #3E3243 #433532 #374531 #576352

Tetradic Palette

#283539 #314145 #2E264F #453531 #474F26 #686F4D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314145 contains 49 red, 65 green, and 69 blue.

Contrast Ratio: 11.04:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.9:1