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

HEX	#BAC2EC
NAME	-
TONE	pale navy
RGB	186 194 236
HSV	230° 21% 92%
CMYK	21% 17% 0% 7%

Provide color information and color scheme for #BAC2EC. #BAC2EC is pale navy. The component of #BAC2EC is RGB(186 194 236). The complementary color of #BAC2EC is #ECE4BA. 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 #BAC2EC

Modest and mature color scheme

#BAC2EC | colorate

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

base	base #7282D5	RGB 114 130 213	#7282D5
main	main #BAC2EC	RGB 186 194 236	#BAC2EC
accent	accent #374CBF	RGB 55 76 191	#374CBF

base
#7282D5 main
#BAC2EC accent
#374CBF

Mild and soft color scheme

#BAC2EC | colorate

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

base	base #8379D7	RGB 131 121 215	#8379D7
main	main #BAC2EC	RGB 186 194 236	#BAC2EC
accent	accent #7342C3	RGB 115 66 195	#7342C3

base
#8379D7 main
#BAC2EC accent
#7342C3

Powerful and flashy color scheme

#BAC2EC | colorate

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

base	base #6677D1	RGB 102 119 209	#6677D1
main	main #BAC2EC	RGB 186 194 236	#BAC2EC
accent	accent #D1BF66	RGB 209 191 102	#D1BF66

base
#6677D1 main
#BAC2EC accent
#D1BF66

Colorful and harmonious color scheme

#BAC2EC | colorate

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

base	base #596CCC	RGB 89 108 204	#596CCC
main	main #BAC2EC	RGB 186 194 236	#BAC2EC
accent	accent #CC7559	RGB 204 117 89	#CC7559
accent	accent #9ACC59	RGB 154 204 89	#9ACC59

base
#596CCC main
#BAC2EC accent
#CC7559 accent
#9ACC59

Color schemes example

Fine adjustment from #BAC2EC

CSS codes

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

Gradient based on #BAC2EC

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

#BAC2EC - #EBEDF9

#BAC2EC - #353743

More natural expression (sky and drinks)

#BAC2EC - #D6E0E6

#BAC2EC - #5871B7

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 #BAC2EC (1.75 : 1)

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

Black and #BAC2EC (12.02 : 1)

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

Utilities

#BAC2EC | colorate

About #BAC2EC

Color schemes with #BAC2EC

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

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #BAC2EC

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #BAC2EC (1.75 : 1)

Black and #BAC2EC (12.02 : 1)

Utilities

Barcode

colorate

textate