#6B5E3E | 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 #6B5E3E

HEX #6B5E3E
NAME -
TONE grayish orange
RGB 107 94 62
HSV 42° 42% 41%
CMYK 0% 12% 42% 58%
Provide color information and color scheme for #6B5E3E. #6B5E3E is grayish orange. The component of #6B5E3E is RGB(107 94 62). The complementary color of #6B5E3E is #3E4B6B. Orange is the color of vitality and happiness. It can have the effect of motivating a purchase. The color orange is easy to balance because there is no pressure, unlike red.

Color schemes with #6B5E3E

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 #6B5E3E

CSS codes

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

Gradient based on #6B5E3E

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 #6B5E3E (6.37 : 1)

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

Black and #6B5E3E (3.30 : 1)

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

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.