#4C3884 | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

About #4C3884

HEX	#4C3884
NAME	-
TONE	soft purple
RGB	76 56 132
HSV	255° 57% 51%
CMYK	42% 57% 0% 48%

Provide color information and color scheme for #4C3884. #4C3884 is soft purple. The component of #4C3884 is RGB(76 56 132). The complementary color of #4C3884 is #708438. Purple is the color that is reminiscent of creativity and refinement. It is the color that shows luxury and high class, but it is also the color that indicates wonder. Purple is effective for directing mysterious design.

Color schemes with #4C3884

Modest and mature color scheme

#4C3884 | colorate

It is a color scheme composed of the same hue color. This color scheme gives a modest and impression quietly.

base	base #8C7DB9	RGB 140 125 185	#8C7DB9
main	main #4C3884	RGB 76 56 132	#4C3884
accent	accent #1E0D4E	RGB 30 13 78	#1E0D4E

base
#8C7DB9 main
#4C3884 accent
#1E0D4E

Mild and soft color scheme

#4C3884 | colorate

It is a color scheme composed of near hue color. This color scheme gives a soft, organically natural impression.

base	base #7475B4	RGB 116 117 180	#7475B4
main	main #4C3884	RGB 76 56 132	#4C3884
accent	accent #341053	RGB 52 16 83	#341053

base
#7475B4 main
#4C3884 accent
#341053

Powerful and flashy color scheme

#4C3884 | colorate

It is a color scheme using complementary colors for accent. This color scheme gives a powerful, behavioral and flashy impression.

base	base #9C8EC4	RGB 156 142 196	#9C8EC4
main	main #4C3884	RGB 76 56 132	#4C3884
accent	accent #708438	RGB 112 132 56	#708438

base
#9C8EC4 main
#4C3884 accent
#708438

Colorful and harmonious color scheme

#4C3884 | colorate

It is a color scheme composed of complementary colors and adjacent colors. There is movement, giving a colorful and fun impression.

base	base #ACA0CE	RGB 172 160 206	#ACA0CE
main	main #4C3884	RGB 76 56 132	#4C3884
accent	accent #846A38	RGB 132 106 56	#846A38
accent	accent #428438	RGB 66 132 56	#428438

base
#ACA0CE main
#4C3884 accent
#846A38 accent
#428438

Color schemes example

Fine adjustment from #4C3884

CSS codes

<style type="text/css">
div {
    color : #4C3884;
    background-color : #4C3884;
}
</style>

Gradient based on #4C3884

By using gradient, you can create a spatial depth even in a flat design. Gloss and shading are the effects of light. To create a beautiful gradient, observe nature closely.

Gradient of gloss and shade

#4C3884 - #CBC6DB

#4C3884 - #151025

More natural expression (sky and drinks)

#4C3884 - #C886A4

#4C3884 - #260628

Contrast ratio

Check the contrast ratio when using white or black for text and background. Evaluation criteria by WCAG 2.0 (A=fail, AA=smallest acceptable, AAA=highest compliance)

White and #4C3884 (9.52 : 1)

14pt
AAA 18pt
AAA 14pt
AAA 18pt
AAA

Black and #4C3884 (2.21 : 1)

14pt
A 18pt
A 14pt
A 18pt
A

Utilities

#4C3884 | colorate

About #4C3884

Color schemes with #4C3884

Modest and mature color scheme

Mild and soft color scheme

Powerful and flashy color scheme

Colorful and harmonious color scheme

Color schemes example

Fine adjustment from #4C3884

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #4C3884

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #4C3884 (9.52 : 1)

Black and #4C3884 (2.21 : 1)

Utilities

Barcode

colorate

textate