#3A475F Color

Color Information

HEX#3A475F
RGB58, 71, 95
HSL219° , 24% , 30%
HSV219° , 39% , 37%
CMYK39%, 25%, 0%, 63%

Lighter Shades

#525D72 #697385 #818999 #999FAC #B0B5BF #C8CBD2

Darker Shades

#333E54 #2C3648 #252D3D #1E2531 #171C26 #10141B

Complementary Palette

#323D52 #3A475F #524732 #5F523A #756A56 #566175

Analogous Palette

#3B4C4F #415458 #374359 #3A475F #454158 #524E6A

Triadic Palette

#333E54 #3A475F #673245 #794B5B #456732 #3D5B2C

Split Complementary Palette

#344056 #3A475F #5F403A #6F534E #595F3A #505634

Square Palette

#313C50 #3A475F #584154 #585041 #3A5F40 #5A795F

Tetradic Palette

#303A4E #3A475F #562C6D #5F523A #436D2C #658752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A475F contains 58 red, 71 green, and 95 blue.

Contrast Ratio: 9.6:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.19:1