#3042E5 Color

Color Information

HEX	#3042E5
RGB	48, 66, 229
HSL	234° , 78% , 54%
HSV	234° , 79% , 90%
CMYK	79%, 71%, 0%, 10%

Lighter Shades

#4959E8 #626FEB #7B86EE #939DF1 #ACB3F5 #C5CAF8

Darker Shades

#2A3ACA #2432AE #1F2A93 #192277 #131A5C #0D1240

Complementary Palette

#2939C5 #3042E5 #C5B528 #E5D32E #E9D94B #4D5CE9

Analogous Palette

#448BBB #4697CE #2D3ED7 #3042E5 #7C46CE #8756D2

Triadic Palette

#2A3ACA #3042E5 #F12237 #F33D4F #37F122 #30D41E

Split Complementary Palette

#2B3BCE #3042E5 #E5772E #E88543 #9CE52E #8CCE29

Square Palette

#2837C0 #3042E5 #D93A9A #D9CA3A #2EE577 #4FE98D

Tetradic Palette

#2736BC #3042E5 #E419FA #E5D32E #30FA19 #55FB42

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3042E5 contains 48 red, 66 green, and 229 blue.

Contrast Ratio: 7.05:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.98:1