#8B9EC1 | 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 #8B9EC1

HEX	#8B9EC1
NAME	-
TONE	light grayish blue
RGB	139 158 193
HSV	218° 27% 75%
CMYK	27% 18% 0% 24%

Provide color information and color scheme for #8B9EC1. #8B9EC1 is light grayish blue. The component of #8B9EC1 is RGB(139 158 193). The complementary color of #8B9EC1 is #C1AE8B. Blue is the color that is reminiscent of reassurance and trust. It is the color that calms the feeling, and it is popular as a friendly color. Blue is also the color that evokes sorrow, so be careful.

Color schemes with #8B9EC1

Modest and mature color scheme

#8B9EC1 | colorate

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

base	base #F0F3F8	RGB 240 243 248	#F0F3F8
main	main #8B9EC1	RGB 139 158 193	#8B9EC1
accent	accent #405A89	RGB 64 90 137	#405A89

base
#F0F3F8 main
#8B9EC1 accent
#405A89

Mild and soft color scheme

#8B9EC1 | colorate

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

base	base #E5EDF2	RGB 229 237 242	#E5EDF2
main	main #8B9EC1	RGB 139 158 193	#8B9EC1
accent	accent #464C8F	RGB 70 76 143	#464C8F

base
#E5EDF2 main
#8B9EC1 accent
#464C8F

Powerful and flashy color scheme

#8B9EC1 | colorate

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

base	base #354E7E	RGB 53 78 126	#354E7E
main	main #8B9EC1	RGB 139 158 193	#8B9EC1
accent	accent #7E6435	RGB 126 100 53	#7E6435

base
#354E7E main
#8B9EC1 accent
#7E6435

Colorful and harmonious color scheme

#8B9EC1 | colorate

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

base	base #2A4473	RGB 42 68 115	#2A4473
main	main #8B9EC1	RGB 139 158 193	#8B9EC1
accent	accent #732E2A	RGB 115 46 42	#732E2A
accent	accent #61732A	RGB 97 115 42	#61732A

base
#2A4473 main
#8B9EC1 accent
#732E2A accent
#61732A

Color schemes example

Fine adjustment from #8B9EC1

CSS codes

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

Gradient based on #8B9EC1

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

#8B9EC1 - #DDE3ED

#8B9EC1 - #272D37

More natural expression (sky and drinks)

#8B9EC1 - #D3D0CB

#8B9EC1 - #38507A

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 #8B9EC1 (2.71 : 1)

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

Black and #8B9EC1 (7.76 : 1)

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

Utilities

#8B9EC1 | colorate

About #8B9EC1

Color schemes with #8B9EC1

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 #8B9EC1

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #8B9EC1

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #8B9EC1 (2.71 : 1)

Black and #8B9EC1 (7.76 : 1)

Utilities

Barcode

colorate

textate