#E5CCF6 | 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 #E5CCF6

HEX	#E5CCF6
NAME	-
TONE	pale purple
RGB	229 204 246
HSV	275° 17% 96%
CMYK	6% 17% 0% 3%

Provide color information and color scheme for #E5CCF6. #E5CCF6 is pale purple. The component of #E5CCF6 is RGB(229 204 246). The complementary color of #E5CCF6 is #DDF6CC. 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 #E5CCF6

Modest and mature color scheme

#E5CCF6 | colorate

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

base	base #C186E8	RGB 193 134 232	#C186E8
main	main #E5CCF6	RGB 229 204 246	#E5CCF6
accent	accent #A048DB	RGB 160 72 219	#A048DB

base
#C186E8 main
#E5CCF6 accent
#A048DB

Mild and soft color scheme

#E5CCF6 | colorate

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

base	base #DD8DEA	RGB 221 141 234	#DD8DEA
main	main #E5CCF6	RGB 229 204 246	#E5CCF6
accent	accent #DE54CB	RGB 222 84 203	#DE54CB

base
#DD8DEA main
#E5CCF6 accent
#DE54CB

Powerful and flashy color scheme

#E5CCF6 | colorate

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

base	base #BA79E6	RGB 186 121 230	#BA79E6
main	main #E5CCF6	RGB 229 204 246	#E5CCF6
accent	accent #A5E679	RGB 165 230 121	#A5E679

base
#BA79E6 main
#E5CCF6 accent
#A5E679

Colorful and harmonious color scheme

#E5CCF6 | colorate

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

base	base #B36DE3	RGB 179 109 227	#B36DE3
main	main #E5CCF6	RGB 229 204 246	#E5CCF6
accent	accent #E3E26D	RGB 227 226 109	#E3E26D
accent	accent #6DE384	RGB 109 227 132	#6DE384

base
#B36DE3 main
#E5CCF6 accent
#E3E26D accent
#6DE384

Color schemes example

Fine adjustment from #E5CCF6

CSS codes

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

Gradient based on #E5CCF6

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

#E5CCF6 - #F7F0FC

#E5CCF6 - #413A46

More natural expression (sky and drinks)

#E5CCF6 - #FFF4EA

#E5CCF6 - #986DBF

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 #E5CCF6 (1.47 : 1)

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

Black and #E5CCF6 (14.30 : 1)

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

Utilities

#E5CCF6 | colorate

About #E5CCF6

Color schemes with #E5CCF6

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 #E5CCF6

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #E5CCF6

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #E5CCF6 (1.47 : 1)

Black and #E5CCF6 (14.30 : 1)

Utilities

Barcode

colorate

textate