#3A6CD1 Color

Color Information

HEX	#3A6CD1
RGB	58, 108, 209
HSL	220° , 62% , 52%
HSV	220° , 72% , 82%
CMYK	72%, 48%, 0%, 18%

Lighter Shades

#527ED7 #698FDC #81A1E2 #99B3E7 #B0C4ED #C8D6F2

Darker Shades

#335FB8 #2C529F #254586 #1E386D #172B54 #101E3B

Complementary Palette

#325DB4 #3A6CD1 #B38831 #D09E39 #D7AC55 #5681D7

Analogous Palette

#4D99A8 #51A7B8 #3766C4 #3A6CD1 #6251B8 #6F60BE

Triadic Palette

#335FB8 #3A6CD1 #DD2C67 #E14579 #67DD2C #5BC227

Split Complementary Palette

#3461BC #3A6CD1 #D05239 #D5634D #B7D039 #A5BB33

Square Palette

#315BB0 #3A6CD1 #C445AF #C49A45 #39D052 #59D86E

Tetradic Palette

#3059AB #3A6CD1 #A523E7 #D09E39 #64E723 #80EB4B

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A6CD1 contains 58 red, 108 green, and 209 blue.

Contrast Ratio: 4.93:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 4.26:1