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

HEX #CC7EE4
NAME -
TONE light purple
RGB 204 126 228
HSV 285° 44% 89%
CMYK 10% 44% 0% 10%
Provide color information and color scheme for #CC7EE4. #CC7EE4 is light purple. The component of #CC7EE4 is RGB(204 126 228). The complementary color of #CC7EE4 is #96E47E. 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 #CC7EE4

Modest and mature color scheme   

base
#E7C3F3 main
#CC7EE4 accent
#B140D4

Mild and soft color scheme   

base
#D6BBF1 main
#CC7EE4 accent
#D646D1

Powerful and flashy color scheme   

base
#EDD1F6 main
#CC7EE4 accent
#95E47E

Colorful and harmonious color scheme   

base
#F3E0F9 main
#CC7EE4 accent
#D3E47E accent
#7EE4A3

Color schemes example

Fine adjustment from #CC7EE4

Tint(add white) 

#CC7EE4 #D390E7 #DAA2EB #E1B5EF #E9C7F3 #F0DAF7 #F7ECFB

Shade(add black) 

#CC7EE4 #AE6CC3 #915AA2 #744882 #573661 #3A2441 #1D1120

Hue 

#E47ED7 #E47EE3 #D87EE4 #CC7EE4 #BF7EE4 #B37EE4 #A77EE4

Saturation 

#D8B4E4 #D4A2E4 #D090E4 #CC7EE4 #C76BE4 #C359E4 #BF47E4

Value(Lightness) 

#825092 #955CA6 #A767BB #B972CF #CC7EE4 #DE89F8 #E48CFF

Related HTML Color 

Orchid
#DA70D6 Violet
#EE82EE Plum
#DDA0DD MediumOrchid
#BA55D3 MediumPurple
#9370DB

Complementary

#96E47E

Triad

#7EE4CC #CC7EE4 #E4CB7E

Related PANTONE 

PANTONE 2572 C
#CC8ADA PANTONE 2066 C
#D38DD2
PANTONE 2572 U
#D08FDC PANTONE 2066 U
#D68CD1

CSS codes

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

Gradient based on #CC7EE4

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

#CC7EE4 - #F0DAF7
#CC7EE4 - #3A2441

More natural expression (sky and drinks)

#CC7EE4 - #FDD6E4
#CC7EE4 - #6D0DA4

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 #CC7EE4 (2.74 : 1)

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

Black and #CC7EE4 (7.67 : 1)

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

Utilities

Barcode

Barcode

You can create barcodes online. The created barcode can be downloaded as PNG or EPS.

 Make barcode

colorate

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 color scheme

textate

textate

Make text to image. It is useful when you want to send text on SNS.

 Make text to image