#3C30E0 Color

Color Information

HEX	#3C30E0
RGB	60, 48, 224
HSL	244° , 74% , 53%
HSV	244° , 79% , 88%
CMYK	73%, 79%, 0%, 12%

Lighter Shades

#5349E4 #6B62E7 #827BEB #9A93EF #B1ACF3 #C8C5F6

Darker Shades

#352AC5 #2E24AA #261F8F #1F1974 #18135A #110D3F

Complementary Palette

#3429C1 #3C30E0 #B6C128 #D4E02E #DAE44B #574DE4

Analogous Palette

#4375B6 #467FC8 #382DD3 #3C30E0 #9046C8 #9956CD

Triadic Palette

#352AC5 #3C30E0 #EC3022 #EE493D #22EC30 #1ED02A

Split Complementary Palette

#362BCA #3C30E0 #E0932E #E39E43 #7BE02E #6FCA29

Square Palette

#3228BC #3C30E0 #D43A7D #CAD43A #2EE093 #4FE5A4

Tetradic Palette

#3127B8 #3C30E0 #F519E7 #D4E02E #19F528 #42F74F

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3C30E0 contains 60 red, 48 green, and 224 blue.

Contrast Ratio: 8:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.62:1