#3A5975 Color

Color Information

HEX	#3A5975
RGB	58, 89, 117
HSL	208° , 34% , 34%
HSV	208° , 50% , 46%
CMYK	50%, 24%, 0%, 54%

Lighter Shades

#526D86 #698196 #8195A7 #99A9B7 #B0BDC8 #C8D1D8

Darker Shades

#334E67 #2C4459 #25394B #1E2E3D #17242F #101921

Complementary Palette

#324D65 #3A5975 #644931 #745539 #876D55 #567088

Analogous Palette

#435B5A #4A6463 #37546E #3A5975 #4A4B64 #555672

Triadic Palette

#334E67 #3A5975 #7D315B #8D4A6F #5B7D31 #506E2B

Split Complementary Palette

#345069 #3A5975 #74393B #824D4F #747239 #686733

Square Palette

#314B62 #3A5975 #6A426C #6C5542 #3B7439 #5A8A59

Tetradic Palette

#304960 #3A5975 #542A84 #745539 #5B842A #799A50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5975 contains 58 red, 89 green, and 117 blue.

Contrast Ratio: 7.41:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.84:1