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

HEX #CACAD4
NAME -
TONE pale navy
RGB 202 202 212
HSV 240° 4% 83%
CMYK 4% 4% 0% 16%
Provide color information and color scheme for #CACAD4. #CACAD4 is pale navy. The component of #CACAD4 is RGB(202 202 212). The complementary color of #CACAD4 is #D4D4CA. Navy is the color that is reminiscent of deep relaxation and reliability. It is ideal for design, showing that it is professional. Navy is the color that provides an image of night and silence, it is also the color that is reminiscent of conservatism and traditionalism.

Color schemes with #CACAD4

Modest and mature color scheme   

base
#828294 main
#CACAD4 accent
#444454

Mild and soft color scheme   

base
#8E899A main
#CACAD4 accent
#595061

Powerful and flashy color scheme   

base
#757587 main
#CACAD4 accent
#878775

Colorful and harmonious color scheme   

base
#68687A main
#CACAD4 accent
#7A7068 accent
#707A68

Color schemes example

Fine adjustment from #CACAD4

Tint(add white) 

#CACAD4 #D1D1DA #D9D9E0 #E0E0E6 #E8E8EC #EFEFF2 #F7F7F8

Shade(add black) 

#CACAD4 #ADADB5 #909097 #737379 #56565A #39393C #1C1C1E

Hue 

#CDCAD4 #CCCAD4 #CBCAD4 #CACAD4 #CACBD4 #CACCD4 #CACDD4

Saturation 

#D4D4D4 #CACAD4 #B9B9D4 #A8A8D4 #9797D4 #8686D4 #7575D4

Value(Lightness) 

#8F8F96 #A3A3AB #B6B6BF #CACAD4 #DDDDE8 #F0F0FC #F2F2FF

Related HTML Color 

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

Complementary

#D4D4CA

Triad

#CAD4CA #CACAD4 #D4CACA

Related PANTONE 

PANTONE 5305 C
#C7C3D1 PANTONE 538 C
#C6CFDA
PANTONE 5305 U
#C4C1D1 PANTONE Cool Gray 2 U
#CAC9C8

CSS codes

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

Gradient based on #CACAD4

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

#CACAD4 - #EFEFF2
#CACAD4 - #39393C

More natural expression (sky and drinks)

#CACAD4 - #E0E1D6
#CACAD4 - #6A8396

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 #CACAD4 (1.63 : 1)

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

Black and #CACAD4 (12.91 : 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