#3158E6 Color

Color Information

HEX	#3158E6
RGB	49, 88, 230
HSL	227° , 78% , 55%
HSV	227° , 79% , 90%
CMYK	79%, 62%, 0%, 10%

Lighter Shades

#4A6CE9 #6280EC #7B94EF #94A8F2 #ADBCF5 #C5D0F8

Darker Shades

#2B4DCA #2543AF #1F3893 #192E78 #14235C #0E1940

Complementary Palette

#2A4CC6 #3158E6 #C6A42C #E6BF33 #EAC850 #4E6FEA

Analogous Palette

#499BBC #4AA9CF #2E53D8 #3158E6 #6F4ACF #7C5AD3

Triadic Palette

#2B4DCA #3158E6 #F12753 #F34168 #53F127 #49D422

Split Complementary Palette

#2C4FCF #3158E6 #E66533 #E97447 #B3E633 #A1CF2E

Square Palette

#294AC1 #3158E6 #DA3EAE #DAB83E #33E665 #54EA7E

Tetradic Palette

#2848BD #3158E6 #CB1EFA #E6BF33 #4EFA1E #6EFB47

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3158E6 contains 49 red, 88 green, and 230 blue.

Contrast Ratio: 5.77:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 3.64:1