#3A65A0 Color

Color Information

HEX#3A65A0
RGB58, 101, 160
HSL215° , 47% , 43%
HSV215° , 64% , 63%
CMYK64%, 37%, 0%, 37%

Lighter Shades

#5277AB #698AB7 #819CC2 #99AFCE #B0C1D9 #C8D4E4

Darker Shades

#33598D #2C4D7A #254166 #1E3553 #172840 #101C2D

Complementary Palette

#32578A #3A65A0 #8A6532 #A1763A #AE8956 #567BAD

Analogous Palette

#497B7E #50868B #375F96 #3A65A0 #55508B #676392

Triadic Palette

#33598D #3A65A0 #AC2F63 #B64876 #63AC2F #579729

Split Complementary Palette

#345B90 #3A65A0 #A1433A #AA564E #99A13A #8A9134

Square Palette

#315586 #3A65A0 #96458F #967445 #3AA143 #5AB061

Tetradic Palette

#305383 #3A65A0 #7A26B5 #A1763A #62B526 #7EC24D

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A65A0 contains 58 red, 101 green, and 160 blue.

Contrast Ratio: 5.92:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.55:1