#3A4E53 Color

Color Information

HEX#3A4E53
RGB58, 78, 83
HSL192° , 18% , 28%
HSV192° , 30% , 33%
CMYK30%, 6%, 0%, 67%

Lighter Shades

#526368 #69787C #818E91 #99A3A6 #B0B8BA #C8CDCF

Darker Shades

#334549 #2C3B3F #253235 #1E292B #171F21 #101617

Complementary Palette

#324347 #3A4E53 #483733 #54403B #6C5B56 #56676B

Analogous Palette

#384C47 #3D524C #37494E #3A4E53 #3D4352 #4A5164

Triadic Palette

#334549 #3A4E53 #5B3453 #6F4C68 #535B34 #49502E

Split Complementary Palette

#34464B #3A4E53 #543B42 #654F55 #544D3B #4C4535

Square Palette

#314246 #3A4E53 #4C3D52 #52413D #42543B #606F5A

Tetradic Palette

#304044 #3A4E53 #382E60 #54403B #56602E #747D54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4E53 contains 58 red, 78 green, and 83 blue.

Contrast Ratio: 8.97:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.34:1