#3A69B7 Color

Color Information

HEX#3A69B7
RGB58, 105, 183
HSL217° , 52% , 47%
HSV217° , 68% , 72%
CMYK68%, 43%, 0%, 28%

Lighter Shades

#527BC0 #698DC8 #819FD1 #99B1DA #B0C3E2 #C8D5EB

Darker Shades

#335CA1 #2C508B #254375 #1E375F #172A49 #101D33

Complementary Palette

#325A9D #3A69B7 #9D7332 #B6863A #C09756 #567EC1

Analogous Palette

#4B8A91 #51959E #3763AC #3A69B7 #5A519E #6962A3

Triadic Palette

#335CA1 #3A69B7 #C22E67 #C94779 #67C22E #5BAB28

Split Complementary Palette

#345FA5 #3A69B7 #B6483A #BD5A4E #A8B63A #97A434

Square Palette

#31589A #3A69B7 #AA469E #AA8446 #3AB648 #5AC265

Tetradic Palette

#305696 #3A69B7 #8B24CC #B6863A #64CC24 #80D54B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A69B7 contains 58 red, 105 green, and 183 blue.

Contrast Ratio: 5.4:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.89:1