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

HEX	#8F5E55
NAME	-
TONE	grayish red
RGB	143 94 85
HSV	9° 40% 56%
CMYK	0% 34% 40% 43%

Provide color information and color scheme for #8F5E55. #8F5E55 is grayish red. The component of #8F5E55 is RGB(143 94 85). The complementary color of #8F5E55 is #55868F. Red is the color that is reminiscent of dynamicity and passion. This color is ideal for design to attract attention. Red is also the color used for caution and warning to prompt danger.

Color schemes with #8F5E55

Modest and mature color scheme

#8F5E55 | colorate

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

base	base #CEB0AA	RGB 206 176 170	#CEB0AA
main	main #8F5E55	RGB 143 94 85	#8F5E55
accent	accent #4F241C	RGB 79 36 28	#4F241C

base
#CEB0AA main
#8F5E55 accent
#4F241C

Mild and soft color scheme

#8F5E55 | colorate

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

base	base #C8A0A5	RGB 200 160 165	#C8A0A5
main	main #8F5E55	RGB 143 94 85	#8F5E55
accent	accent #553721	RGB 85 55 33	#553721

base
#C8A0A5 main
#8F5E55 accent
#553721

Powerful and flashy color scheme

#8F5E55 | colorate

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

base	base #DBC3BF	RGB 219 195 191	#DBC3BF
main	main #8F5E55	RGB 143 94 85	#8F5E55
accent	accent #55868F	RGB 85 134 143	#55868F

base
#DBC3BF main
#8F5E55 accent
#55868F

Colorful and harmonious color scheme

#8F5E55 | colorate

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

base	base #E8D8D5	RGB 232 216 213	#E8D8D5
main	main #8F5E55	RGB 143 94 85	#8F5E55
accent	accent #558F75	RGB 85 143 117	#558F75
accent	accent #55638F	RGB 85 99 143	#55638F

base
#E8D8D5 main
#8F5E55 accent
#558F75 accent
#55638F

Color schemes example

Fine adjustment from #8F5E55

CSS codes

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

Gradient based on #8F5E55

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

#8F5E55 - #DFD1CE

#8F5E55 - #281A18

More natural expression (sky and drinks)

#8F5E55 - #F0A976

#8F5E55 - #6D2812

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 #8F5E55 (5.38 : 1)

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

Black and #8F5E55 (3.90 : 1)

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

Utilities

#8F5E55 | colorate

About #8F5E55

Color schemes with #8F5E55

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

Tint(add white)

Shade(add black)

Hue

Saturation

Value(Lightness)

Related HTML Color

Complementary

Triad

Related PANTONE

CSS codes

Gradient based on #8F5E55

Gradient of gloss and shade

More natural expression (sky and drinks)

Contrast ratio

White and #8F5E55 (5.38 : 1)

Black and #8F5E55 (3.90 : 1)

Utilities

Barcode

colorate

textate