#3A91C2 Color

Color Information

HEX#3A91C2
RGB58, 145, 194
HSL202° , 54% , 49%
HSV202° , 70% , 76%
CMYK70%, 25%, 0%, 24%

Lighter Shades

#529EC9 #69ABD1 #81B9D8 #99C6DF #B0D3E7 #C8E0EE

Darker Shades

#3380AB #2C6E93 #255D7C #1E4B65 #173A4E #102936

Complementary Palette

#327DA7 #3A91C2 #A55C31 #C06B39 #C98055 #56A0CB

Analogous Palette

#4B9B90 #52A79C #3788B6 #3A91C2 #525EA7 #616BAE

Triadic Palette

#3380AB #3A91C2 #CD2D92 #D3469F #92CD2D #80B428

Split Complementary Palette

#3483AF #3A91C2 #C0394B #C64D5D #C0AE39 #AD9D33

Square Palette

#317AA3 #3A91C2 #A546B4 #B46E46 #4BC039 #68CA59

Tetradic Palette

#30779F #3A91C2 #6523D7 #C06B39 #95D723 #A8DE4B

Contrast Checker

White Background

FAIL

Example Headline (24px)

The color #3A91C2 contains 58 red, 145 green, and 194 blue.

Contrast Ratio: 3.45:1

Black Background

PASS

Example Headline (24px)

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

Contrast Ratio: 6.09:1