#3136D2 Color

Color Information

HEX	#3136D2
RGB	49, 54, 210
HSL	238° , 64% , 51%
HSV	238° , 77% , 82%
CMYK	77%, 74%, 0%, 18%

Lighter Shades

#4A4ED7 #6266DD #7B7EE2 #9496E8 #ADAFED #C5C7F2

Darker Shades

#2B30B9 #2529A0 #1F2386 #191C6D #141654 #0E0F3B

Complementary Palette

#2A2EB5 #3136D2 #B5B02B #D2CD32 #D8D44F #4E52D8

Analogous Palette

#467BAA #4B86B9 #2E33C5 #3136D2 #7E4BB9 #895ABF

Triadic Palette

#2B30B9 #3136D2 #DF262C #E34045 #2CDF26 #27C421

Split Complementary Palette

#2C31BD #3136D2 #D27D32 #D78A47 #87D232 #7ABD2D

Square Palette

#292DB0 #3136D2 #C63F87 #C6C13F #32D27D #53D992

Tetradic Palette

#282CAC #3136D2 #E21CE9 #D2CD32 #22E91C #4AED45

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3136D2 contains 49 red, 54 green, and 210 blue.

Contrast Ratio: 8.32:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.53:1