#3A54ED Color

Color Information

HEX	#3A54ED
RGB	58, 84, 237
HSL	231° , 83% , 58%
HSV	231° , 76% , 93%
CMYK	76%, 65%, 0%, 7%

Lighter Shades

#5269EF #697DF1 #8192F3 #99A6F6 #B0BBF8 #C8CFFA

Darker Shades

#334AD1 #2C40B4 #253698 #1E2C7B #17225F #101842

Complementary Palette

#3248CC #3A54ED #CCB533 #EDD23B #F0D856 #566CF0

Analogous Palette

#4C99C2 #50A8D7 #374FDF #3A54ED #8050D7 #895DDA

Triadic Palette

#334AD1 #3A54ED #F8304E #F94963 #4EF830 #45DA2A

Split Complementary Palette

#344CD5 #3A54ED #ED793B #EF864F #AFED3B #9ED535

Square Palette

#3147C7 #3A54ED #E246AB #E2CB46 #3BED79 #5AF08E

Tetradic Palette

#3045C2 #3A54ED #DF29FF #EDD23B #49FF29 #6AFF50

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A54ED contains 58 red, 84 green, and 237 blue.

Contrast Ratio: 5.78:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1