#3A5382 Color

Color Information

HEX#3A5382
RGB58, 83, 130
HSL219° , 38% , 37%
HSV219° , 55% , 51%
CMYK55%, 36%, 0%, 49%

Lighter Shades

#526891 #697CA0 #8191AF #99A6BE #B0BACD #C8CFDC

Darker Shades

#334972 #2C3F63 #253553 #1E2B44 #172134 #101724

Complementary Palette

#324770 #3A5382 #705A32 #82693A #947E56 #566B94

Analogous Palette

#466267 #4D6A6F #374E7A #3A5382 #524D6F #605B7B

Triadic Palette

#334972 #3A5382 #8C3152 #9A4A67 #528C31 #487B2B

Split Complementary Palette

#344B75 #3A5382 #82453A #8F584E #77823A #6B7534

Square Palette

#31466D #3A5382 #794471 #796644 #3A8245 #5A9663

Tetradic Palette

#30446B #3A5382 #6E2A93 #82693A #50932A #70A650

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A5382 contains 58 red, 83 green, and 130 blue.

Contrast Ratio: 7.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.7:1