#3A5E5F Color

Color Information

HEX#3A5E5F
RGB58, 94, 95
HSL182° , 24% , 30%
HSV182° , 39% , 37%
CMYK39%, 1%, 0%, 63%

Lighter Shades

#527172 #698585 #819899 #99ABAC #B0BFBF #C8D2D2

Darker Shades

#335354 #2C4748 #253C3D #1E3131 #172626 #101A1B

Complementary Palette

#325152 #3A5E5F #523332 #5F3B3A #755656 #567575

Analogous Palette

#3B4F46 #41584D #375859 #3A5E5F #414C58 #4E5A6A

Triadic Palette

#335354 #3A5E5F #673265 #794B77 #656732 #595B2C

Split Complementary Palette

#345556 #3A5E5F #5F3A4B #6F4E5D #5F4E3A #564634

Square Palette

#314F50 #3A5E5F #4D4158 #584241 #4B5F3A #68795A

Tetradic Palette

#304D4E #3A5E5F #2F2C6D #5F3B3A #6A6D2C #858752

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5E5F contains 58 red, 94 green, and 95 blue.

Contrast Ratio: 7.19:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.92:1