#3A4969 Color

Color Information

HEX	#3A4969
RGB	58, 73, 105
HSL	221° , 29% , 32%
HSV	221° , 45% , 41%
CMYK	45%, 30%, 0%, 59%

Lighter Shades

#525F7B #69758D #818B9F #99A0B1 #B0B6C3 #C8CCD5

Darker Shades

#33405C #2C3750 #252F43 #1E2637 #171D2A #10141D

Complementary Palette

#323F5A #3A4969 #5A4D32 #695A3A #7E7156 #56627E

Analogous Palette

#3F5155 #455A5E #374563 #3A4969 #4A455E #55506D

Triadic Palette

#33405C #3A4969 #713246 #824B5C #467132 #3E632C

Split Complementary Palette

#34425F #3A4969 #69433A #78564E #61693A #575F34

Square Palette

#313D58 #3A4969 #61425C #615742 #3A6943 #5A8161

Tetradic Palette

#303C56 #3A4969 #602B78 #695A3A #44782B #669051

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4969 contains 58 red, 73 green, and 105 blue.

Contrast Ratio: 9.2:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.28:1