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

HEX #E3E6F6
NAME -
TONE pale navy
RGB 227 230 246
HSV 230° 7% 96%
CMYK 7% 6% 0% 3%
Provide color information and color scheme for #E3E6F6. #E3E6F6 is pale navy. The component of #E3E6F6 is RGB(227 230 246). The complementary color of #E3E6F6 is #F6F3E3. 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 #E3E6F6

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

CSS codes

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

Gradient based on #E3E6F6

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

More natural expression (sky and drinks)

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 #E3E6F6 (1.24 : 1)

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

Black and #E3E6F6 (16.92 : 1)

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

Utilities

Barcode

You can create barcodes online. The created barcode can be downloaded as PNG or EPS.

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.

textate

Make text to image. It is useful when you want to send text on SNS.