#314754 Color

Color Information

HEX#314754
RGB49, 71, 84
HSL202° , 26% , 26%
HSV202° , 42% , 33%
CMYK42%, 15%, 0%, 67%

Lighter Shades

#4A5D69 #62737D #7B8992 #949FA6 #ADB5BB #C5CBCF

Darker Shades

#2B3E4A #253640 #1F2D36 #19252C #141C22 #0E1418

Complementary Palette

#2A3D48 #314754 #48352A #543E31 #6C594E #4E616C

Analogous Palette

#344644 #384C49 #2E434F #314754 #383B4C #45495E

Triadic Palette

#2B3E4A #314754 #5A2A49 #6E445F #495A2A #404F25

Split Complementary Palette

#2C404C #314754 #543136 #65464A #544F31 #4C472C

Square Palette

#293C47 #314754 #4A384D #4D3F38 #365431 #566F52

Tetradic Palette

#283A45 #314754 #3B255F #543E31 #4A5F25 #6B7C4C

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #314754 contains 49 red, 71 green, and 84 blue.

Contrast Ratio: 10.01:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.1:1