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

HEX #CCCAD4
NAME -
TONE pale purple
RGB 204 202 212
HSV 251° 4% 83%
CMYK 3% 4% 0% 16%
Provide color information and color scheme for #CCCAD4. #CCCAD4 is pale purple. The component of #CCCAD4 is RGB(204 202 212). The complementary color of #CCCAD4 is #D2D4CA. 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 #CCCAD4

Modest and mature color scheme   

base
#868294 main
#CCCAD4 accent
#474454

Mild and soft color scheme   

base
#91899A main
#CCCAD4 accent
#5C5061

Powerful and flashy color scheme   

base
#797587 main
#CCCAD4 accent
#838775

Colorful and harmonious color scheme   

base
#6C687A main
#CCCAD4 accent
#7A7368 accent
#6C7A68

Color schemes example

Fine adjustment from #CCCAD4

Tint(add white) 

#CCCAD4 #D3D1DA #DAD9E0 #E1E0E6 #E9E8EC #F0EFF2 #F7F7F8

Shade(add black) 

#CCCAD4 #AEADB5 #919097 #747379 #57565A #3A393C #1D1C1E

Hue 

#CFCAD4 #CECAD4 #CDCAD4 #CCCAD4 #CACAD4 #CACAD4 #CACBD4

Saturation 

#D4D4D4 #CCCAD4 #BEB9D4 #B0A8D4 #A397D4 #9586D4 #8875D4

Value(Lightness) 

#918F96 #A4A3AB #B8B6BF #CCCAD4 #DFDDE8 #F3F0FC #F5F2FF

Related HTML Color 

LightGray
#D3D3D3 Thistle
#D8BFD8 Gainsboro
#DCDCDC Silver
#C0C0C0 LightSteelBlue
#B0C4DE

Complementary

#D2D4CA

Triad

#CAD4CC #CCCAD4 #D4CBCA

Related PANTONE 

PANTONE 427 C
#D0D2D3 PANTONE 5305 C
#C7C3D1
PANTONE Cool Gray 2 U
#CAC9C8 PANTONE 5305 U
#C4C1D1

CSS codes

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

Gradient based on #CCCAD4

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

#CCCAD4 - #F0EFF2
#CCCAD4 - #3A393C

More natural expression (sky and drinks)

#CCCAD4 - #FFEDD0
#CCCAD4 - #867191

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 #CCCAD4 (1.62 : 1)

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

Black and #CCCAD4 (12.97 : 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