#3A5468 Color

Color Information

HEX#3A5468
RGB58, 84, 104
HSL206° , 28% , 32%
HSV206° , 44% , 41%
CMYK44%, 19%, 0%, 59%

Lighter Shades

#52697A #697D8C #81929E #99A6B0 #B0BBC3 #C8CFD5

Darker Shades

#334A5C #2C404F #253643 #1E2C36 #17222A #10181D

Complementary Palette

#324859 #3A5468 #594433 #684F3B #7D6856 #566C7D

Analogous Palette

#3F5554 #455E5C #374F62 #3A5468 #45475E #50526D

Triadic Palette

#334A5C #3A5468 #713357 #824B6B #577133 #4D632D

Split Complementary Palette

#344C5E #3A5468 #683B3E #774F51 #68653B #5E5B35

Square Palette

#314757 #3A5468 #5E4360 #605043 #3E683B #5D805A

Tetradic Palette

#304555 #3A5468 #4E2C77 #684F3B #58772C #768F52

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5468 contains 58 red, 84 green, and 104 blue.

Contrast Ratio: 8.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.61:1