#3655A0 Color

Color Information

HEX	#3655A0
RGB	54, 85, 160
HSL	222° , 50% , 42%
HSV	222° , 66% , 63%
CMYK	66%, 47%, 0%, 37%

Lighter Shades

#4E69AB #667EB7 #7E92C2 #96A7CE #AFBBD9 #C7CFE4

Darker Shades

#304B8D #29417A #233666 #1C2C53 #162240 #0F182D

Complementary Palette

#2E498A #3655A0 #8A6F2E #A18136 #AE9352 #526DAD

Analogous Palette

#477580 #4B7E8B #335096 #3655A0 #584B8B #695F91

Triadic Palette

#304B8D #3655A0 #AB2B51 #B54466 #51AB2B #479626

Split Complementary Palette

#314D90 #3655A0 #A14B36 #AA5D4A #8BA136 #7D9131

Square Palette

#2D4786 #3655A0 #964085 #967C40 #36A14B #56B068

Tetradic Palette

#2C4683 #3655A0 #8822B4 #A18136 #4EB422 #6EC24A

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3655A0 contains 54 red, 85 green, and 160 blue.

Contrast Ratio: 7.16:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.93:1