#3A4C53 Color

Color Information

HEX#3A4C53
RGB58, 76, 83
HSL197° , 18% , 28%
HSV197° , 30% , 33%
CMYK30%, 8%, 0%, 67%

Lighter Shades

#526168 #69777C #818C91 #99A2A6 #B0B7BA #C8CDCF

Darker Shades

#334349 #2C3A3F #253135 #1E282B #171E21 #101517

Complementary Palette

#324147 #3A4C53 #483933 #54423B #6C5C56 #56656B

Analogous Palette

#384C49 #3D524E #37474E #3A4C53 #3D4152 #4A4E64

Triadic Palette

#334349 #3A4C53 #5B3450 #6F4C65 #505B34 #46502E

Split Complementary Palette

#34444B #3A4C53 #543B40 #654F53 #544F3B #4C4735

Square Palette

#314046 #3A4C53 #4E3D52 #52433D #40543B #5F6F5A

Tetradic Palette

#303E44 #3A4C53 #3D2E60 #54423B #52602E #717D54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4C53 contains 58 red, 76 green, and 83 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