#3A5453 Color

Color Information

HEX#3A5453
RGB58, 84, 83
HSL178° , 18% , 28%
HSV178° , 31% , 33%
CMYK31%, 0%, 1%, 67%

Lighter Shades

#526968 #697D7C #819291 #99A6A6 #B0BBBA #C8CFCF

Darker Shades

#334A49 #2C403F #253635 #1E2C2B #172221 #101817

Complementary Palette

#324847 #3A5453 #483333 #543B3B #6C5656 #566C6B

Analogous Palette

#384C42 #3D5247 #374F4E #3A5453 #3D4852 #4A5764

Triadic Palette

#334A49 #3A5453 #59345B #6D4C6F #5B5934 #504E2E

Split Complementary Palette

#344C4B #3A5453 #543B48 #654F5A #54473B #4C4035

Square Palette

#314746 #3A5453 #473D52 #523D3D #48543B #656F5A

Tetradic Palette

#304544 #3A5453 #2E2E60 #543B3B #605F2E #7D7C54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5453 contains 58 red, 84 green, and 83 blue.

Contrast Ratio: 8.3:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.53:1