#342C59 Color

Color Information

HEX#342C59
RGB52, 44, 89
HSL251° , 34% , 26%
HSV251° , 51% , 35%
CMYK42%, 51%, 0%, 65%

Lighter Shades

#4C456D #655F81 #7D7895 #9591A9 #AEABBD #C6C4D1

Darker Shades

#2E274E #282144 #211C39 #1B172E #151224 #0F0C19

Complementary Palette

#2D264D #342C59 #464D26 #51592C #69704A #504A70

Analogous Palette

#343A46 #383F4C #312954 #342C59 #46384C #56455E

Triadic Palette

#2E274E #342C59 #5F3025 #72493F #255F30 #21542A

Split Complementary Palette

#2F2850 #342C59 #594B2C #6A5D41 #3A592C #345028

Square Palette

#2C254B #342C59 #52323C #4C5232 #2C594B #4E7468

Tetradic Palette

#2B2449 #342C59 #652058 #51592C #20652C #488152

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #342C59 contains 52 red, 44 green, and 89 blue.

Contrast Ratio: 13.37:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 1.57:1