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

HEX	#6F6458
NAME	-
TONE	grayish orange
RGB	111 100 88
HSV	31° 20% 43%
CMYK	0% 9% 20% 56%

Provide color information and color scheme for #6F6458. #6F6458 is grayish orange. The component of #6F6458 is RGB(111 100 88). The complementary color of #6F6458 is #58636F. 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 #6F6458

Modest and mature color scheme

#6F6458 | colorate

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

base	base #AEA59A	RGB 174 165 154	#AEA59A
main	main #6F6458	RGB 111 100 88	#6F6458
accent	accent #2F2821	RGB 47 40 33	#2F2821

base
#AEA59A main
#6F6458 accent
#2F2821

Mild and soft color scheme

#6F6458 | colorate

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

base	base #A89893	RGB 168 152 147	#A89893
main	main #6F6458	RGB 111 100 88	#6F6458
accent	accent #353226	RGB 53 50 38	#353226

base
#A89893 main
#6F6458 accent
#353226

Powerful and flashy color scheme

#6F6458 | colorate

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

base	base #BBB2A9	RGB 187 178 169	#BBB2A9
main	main #6F6458	RGB 111 100 88	#6F6458
accent	accent #58636F	RGB 88 99 111	#58636F

base
#BBB2A9 main
#6F6458 accent
#58636F

Colorful and harmonious color scheme

#6F6458 | colorate

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

base	base #C8C0B8	RGB 200 192 184	#C8C0B8
main	main #6F6458	RGB 111 100 88	#6F6458
accent	accent #586F6D	RGB 88 111 109	#586F6D
accent	accent #5A586F	RGB 90 88 111	#5A586F

base
#C8C0B8 main
#6F6458 accent
#586F6D accent
#5A586F

Color schemes example

Fine adjustment from #6F6458

CSS codes

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

Gradient based on #6F6458

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

#6F6458 - #D5D2CF

#6F6458 - #1F1C19

More natural expression (sky and drinks)

#6F6458 - #E4AD7A

#6F6458 - #573311

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 #6F6458 (5.77 : 1)

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

Black and #6F6458 (3.64 : 1)

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

Utilities

#6F6458 | colorate

About #6F6458

Color schemes with #6F6458

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

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #6F6458

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #6F6458 (5.77 : 1)

Black and #6F6458 (3.64 : 1)

Utilities

Barcode

colorate

textate