#3A66BF Color

Color Information

HEX#3A66BF
RGB58, 102, 191
HSL220° , 53% , 49%
HSV220° , 70% , 75%
CMYK70%, 47%, 0%, 25%

Lighter Shades

#5278C7 #698BCE #819DD6 #99AFDE #B0C2E5 #C8D4ED

Darker Shades

#335AA8 #2C4E91 #25417A #1E3563 #17294C #101D35

Complementary Palette

#3258A4 #3A66BF #A47E33 #BF933B #C8A256 #567BC8

Analogous Palette

#4D8C99 #5498A6 #3760B4 #3A66BF #6154A6 #6E62AC

Triadic Palette

#335AA8 #3A66BF #CC2E63 #D24776 #63CC2E #57B428

Split Complementary Palette

#345CAC #3A66BF #BF513B #C5624F #A9BF3B #98AC35

Square Palette

#3156A0 #3A66BF #B347A1 #B38F47 #3BBF51 #5AC96D

Tetradic Palette

#30549D #3A66BF #9B24D6 #BF933B #5FD624 #7CDD4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A66BF contains 58 red, 102 green, and 191 blue.

Contrast Ratio: 5.48:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.83:1