#3A4E80 Color

Color Information

HEX#3A4E80
RGB58, 78, 128
HSL223° , 38% , 36%
HSV223° , 55% , 50%
CMYK55%, 39%, 0%, 50%

Lighter Shades

#52638F #69789E #818EAE #99A3BD #B0B8CC #C8CDDB

Darker Shades

#334571 #2C3B61 #253252 #1E2943 #171F33 #101624

Complementary Palette

#32436E #3A4E80 #6D5C31 #7F6B39 #918055 #566792

Analogous Palette

#455D63 #4B656C #374978 #3A4E80 #524B6C #605978

Triadic Palette

#334571 #3A4E80 #883049 #96495F #498830 #40782A

Split Complementary Palette

#344673 #3A4E80 #7F4839 #8C5A4D #707F39 #657233

Square Palette

#31426C #3A4E80 #76426A #766742 #397F48 #599365

Tetradic Palette

#304069 #3A4E80 #72288F #7F6B39 #468F28 #67A34F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A4E80 contains 58 red, 78 green, and 128 blue.

Contrast Ratio: 8.28:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.54:1