#3A30F2 Color

Color Information

HEX#3A30F2
RGB58, 48, 242
HSL243° , 88% , 57%
HSV243° , 80% , 95%
CMYK76%, 80%, 0%, 5%

Lighter Shades

#5249F4 #6962F5 #817BF7 #9993F8 #B0ACFA #C8C5FB

Darker Shades

#332AD5 #2C24B8 #251F9B #1E197E #171361 #100D44

Complementary Palette

#3229D0 #3A30F2 #C8D02A #E8F231 #EBF44E #564DF4

Analogous Palette

#4681C8 #478ADC #372DE3 #3A30F2 #9947DC #A054DE

Triadic Palette

#332AD5 #3A30F2 #FD3126 #FD4A40 #26FD31 #21DF2B

Split Complementary Palette

#342BDA #3A30F2 #F29B31 #F3A546 #88F231 #7ADA2C

Square Palette

#3128CB #3A30F2 #E73C89 #DEE73C #31F29B #52F4AB

Tetradic Palette

#3027C6 #3A30F2 #FF24F4 #E8F231 #24FF2F #4BFF54

Contrast Checker

White Background

PASS

Example Headline (24px)

The color #3A30F2 contains 58 red, 48 green, and 242 blue.

Contrast Ratio: 7.46:1

Black Background

FAIL

Example Headline (24px)

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

Contrast Ratio: 2.81:1