#3654CE Color

Color Information

HEX	#3654CE
RGB	54, 84, 206
HSL	228° , 61% , 51%
HSV	228° , 74% , 81%
CMYK	74%, 59%, 0%, 19%

Lighter Shades

#4E69D4 #667DDA #7E92E0 #96A6E6 #AFBBEB #C7CFF1

Darker Shades

#304AB5 #29409D #233684 #1C2C6B #162252 #0F183A

Complementary Palette

#2E48B1 #3654CE #B1972E #CEB036 #D5BB52 #526CD5

Analogous Palette

#4A8AA5 #4F97B5 #334FC2 #3654CE #6E4FB5 #795DBB

Triadic Palette

#304AB5 #3654CE #DB294D #DF4362 #4DDB29 #44C124

Split Complementary Palette

#314CB9 #3654CE #CE6436 #D3744A #A1CE36 #91B931

Square Palette

#2D47AD #3654CE #C2429C #C2A842 #36CE64 #56D67D

Tetradic Palette

#2C45A9 #3654CE #BD1FE5 #CEB036 #47E51F #68EA47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3654CE contains 54 red, 84 green, and 206 blue.

Contrast Ratio: 6.39:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.29:1