#3A4C69 Color

Color Information

HEX#3A4C69
RGB58, 76, 105
HSL217° , 29% , 32%
HSV217° , 45% , 41%
CMYK45%, 28%, 0%, 59%

Lighter Shades

#52617B #69778D #818C9F #99A2B1 #B0B7C3 #C8CDD5

Darker Shades

#33435C #2C3A50 #253143 #1E2837 #171E2A #10151D

Complementary Palette

#32415A #3A4C69 #5A4B32 #69573A #7E6F56 #56657E

Analogous Palette

#3F5255 #455B5E #374763 #3A4C69 #48455E #53506D

Triadic Palette

#33435C #3A4C69 #71324A #824B60 #4A7132 #41632C

Split Complementary Palette

#34445F #3A4C69 #693F3A #78524E #64693A #5A5F34

Square Palette

#314058 #3A4C69 #61425E #615542 #3A693F #5A815E

Tetradic Palette

#303E56 #3A4C69 #5B2B78 #69573A #49782B #6A9051

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4C69 contains 58 red, 76 green, and 105 blue.

Contrast Ratio: 8.88:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.37:1