#3A4A53 Color

Color Information

HEX#3A4A53
RGB58, 74, 83
HSL202° , 18% , 28%
HSV202° , 30% , 33%
CMYK30%, 11%, 0%, 67%

Lighter Shades

#526068 #69757C #818B91 #99A1A6 #B0B7BA #C8CCCF

Darker Shades

#334149 #2C383F #252F35 #1E262B #171E21 #101517

Complementary Palette

#324047 #3A4A53 #483A33 #54443B #6C5E56 #56636B

Analogous Palette

#384C4B #3D5250 #37464E #3A4A53 #3D3F52 #4A4C64

Triadic Palette

#334149 #3A4A53 #5B344D #6F4C62 #4D5B34 #44502E

Split Complementary Palette

#34434B #3A4A53 #543B3E #654F51 #54513B #4C4935

Square Palette

#313E46 #3A4A53 #503D52 #52453D #3E543B #5D6F5A

Tetradic Palette

#303D44 #3A4A53 #412E60 #54443B #4E602E #6E7D54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4A53 contains 58 red, 74 green, and 83 blue.

Contrast Ratio: 9.43:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.23:1