#9E9BCD | 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 #9E9BCD

HEX	#9E9BCD
NAME	-
TONE	pale navy
RGB	158 155 205
HSV	243° 24% 80%
CMYK	22% 24% 0% 19%

Provide color information and color scheme for #9E9BCD. #9E9BCD is pale navy. The component of #9E9BCD is RGB(158 155 205). The complementary color of #9E9BCD is #CACD9B. 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 #9E9BCD

Modest and mature color scheme

#9E9BCD | colorate

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

base	base #524D99	RGB 82 77 153	#524D99
main	main #9E9BCD	RGB 158 155 205	#9E9BCD
accent	accent #1E1A66	RGB 30 26 102	#1E1A66

base
#524D99 main
#9E9BCD accent
#1E1A66

Mild and soft color scheme

#9E9BCD | colorate

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

base	base #F6F7FB	RGB 246 247 251	#F6F7FB
main	main #9E9BCD	RGB 158 155 205	#9E9BCD
accent	accent #6C549E	RGB 108 84 158	#6C549E

base
#F6F7FB main
#9E9BCD accent
#6C549E

Powerful and flashy color scheme

#9E9BCD | colorate

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

base	base #46418F	RGB 70 65 143	#46418F
main	main #9E9BCD	RGB 158 155 205	#9E9BCD
accent	accent #8A8F41	RGB 138 143 65	#8A8F41

base
#46418F main
#9E9BCD accent
#8A8F41

Colorful and harmonious color scheme

#9E9BCD | colorate

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

base	base #3A3685	RGB 58 54 133	#3A3685
main	main #9E9BCD	RGB 158 155 205	#9E9BCD
accent	accent #855A36	RGB 133 90 54	#855A36
accent	accent #518536	RGB 81 133 54	#518536

base
#3A3685 main
#9E9BCD accent
#855A36 accent
#518536

Color schemes example

Fine adjustment from #9E9BCD

CSS codes

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

Gradient based on #9E9BCD

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

#9E9BCD - #E3E2F0

#9E9BCD - #2D2C3A

More natural expression (sky and drinks)

#9E9BCD - #FFDACD

#9E9BCD - #5B3885

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 #9E9BCD (2.62 : 1)

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

Black and #9E9BCD (8.02 : 1)

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

Utilities

#9E9BCD | colorate

About #9E9BCD

Color schemes with #9E9BCD

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 #9E9BCD

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #9E9BCD

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #9E9BCD (2.62 : 1)

Black and #9E9BCD (8.02 : 1)

Utilities

Barcode

colorate

textate