#c87f89 Color Hex Grey Matter

Information about Grey Matter Color | #0000FF

#c87f89 color RGB value is (200,127,137). #c87f89 color name is Grey Matter color.

#c87f89 hex color red value is 200 , green value is 127 and the blue value of its RGB is 137 . Cylindrical-coordinate representations (also known as HSL) of color #c87f89 hue: 352 , saturation: 40 and the lightness value of #c87f89 is 64

The process color (four color CMYK) of #c87f89 color hex is 0 , 14 ,12, 8 .

#c87f89

~Grey Matter

Color Converions

HEX
#c87f89
RGB
200,127,137
LAB
61,30,7
CMYK
0,37,32,22
LCH
61,31,13
XYZ
36,29,27
HSV
352,37,78
HSL
352,40,64

Base Numbers

Base Red Green Blue
Binary 11001000 1111111 10001001
Octal 310 177 211
Decimal 200 127 137
Hex c8 7f 89

RGB Percentages of Color #c87f89

78%
50%
54%

CMYK Percentages of Color #c87f89

0%
12%
14%
8%

Color Variations

View this color variations of shades, tints, tones, hues and temperatures.

Shades of #c87f89

A shade is created by adding black to a base color, increasing its darkness. Shades appear more dramatic and richer.

10%
#c87f89
20%
#b4727b
30%
#a0666e
40%
#8c5960
50%
#784c52
60%
#644045
70%
#503337
80%
#3c2629
90%
#28191b
100%
#140d0e

Tints of #c87f89

A tint is created by adding white to a base color, increasing its lightness. Tints are likely to look pastel and less intense.

10%
#c87f89
20%
#ce8c95
30%
#d399a1
40%
#d9a5ac
50%
#deb2b8
60%
#e4bfc4
70%
#e9ccd0
80%
#efd9dc
90%
#f4e5e7
100%
#faf2f3

Tones of #c87f89

A tone is created by adding gray to a base color, increasing its lightness. Tones looks more sophisticated and complex than base colors.

10%
#c87f89
20%
#c17f88
30%
#ba7f87
40%
#b27f86
50%
#ab7f85
60%
#a47f84
70%
#9c7f83
80%
#957f82
90%
#8e7f81
100%
#877f80

Color harmonies

Color harmonies are pleasing color schemes created according to their position on a color wheel.

Analogous

Colors of the same luminance and saturation with hues that are adjacent on the color wheel, 30 degrees apart. Smooth transitions.
#c87f89
#c87fa6
#c87f98
#c87f89
#c8847f
#c8927f

Complementary

Complementary color schemes are made by picking two opposite colors con the color wheel. They appear vibrant near to each other.
#c87f89
#7fc8be

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#c87f89
#c3c87f
#7fa6c8

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#c87f89
#89c87f
#7f89c8

Tetradic

Tetradic color schemes are made form two couples of complementary colors in a rectangular shape on the color wheel. They are very versatile, and work best with one dominant color.
#c87f89
#adc87f
#7fc8be
#997fc8

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#c87f89
#f29aa6
#1e1315
#482e32
#73494f
#9d646c

Blindness simulator

Check how a color is perceived by color blind people to create accessible designs.

Normal

#c87f89

protanopia

#959191

deuteranopia

#a68d84

tritanopia

#c77e87

achromatopsia

#8f8f8f

protanomaly

#a78b8e

deuteranomaly

#b28886

achromatopsia

#8f8f8f

tritanomaly

#c77e88

achromatomaly

#a4898d

Contrast Checker

Verify the contrast of a text on white and black backgrounds.

White background

Poor 3/21
Hello World ! 3

Black background-color

Good 7/21
Hello World !

#c87f89 Color CSS Codes

.bgcolor {background-color:#c87f89; } 
.forecolor {color:#c87f89; }
.bordercolor {border:3px solid #c87f89; }
            

#c87f89 Text Font Color

<div style="color:#c87f89">
Div content here</div>

This sample text font color is #c87f89
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

#c87f89 Background Color

<div style="background-color:#c87f89">
Div content here</div>
Div content here

#c87f89 Border Color

<div style="border:3px solid #c87f89">
Div here</div>

This div border color is #c87f89

#c87f89 Color CSS Codes Examples

.textShadowRgb {
  text-shadow: 4px 4px 2px #c87f89; } 
.textShadowHex { 
  text-shadow: 4px 4px 2px #c87f89; }
.divShadow { 
  -moz-box-shadow: 1px 1px 3px 2px #c87f89;
  -webkit-box-shadow: 1px 1px 3px 2px #c87f89;
  box-shadow: 1px 1px 3px 2px #c87f89; }
            

Text Shadow with Hex Values

<p style="text-shadow: 4px 4px 2px #c87f89">Text here</p>
            

This text has shadow with hex values.


Div Box Shadow

<div style="-moz-box-shadow: 1px 1px 3px 2px #c87f89;
              -webkit-box-shadow: 1px 1px 3px 2px #c87f89;
              box-shadow:         1px 1px 3px 2px #c87f89#c87f89">
Div content here</div>

This div box has shadow with color #c87f89

More Colors

Peanut
#7a4434
Lattice Green
#6f9843
Peach Mimosa
#f4a28c
Jurassic Gold
#e7aa56
Kendall Rose
#f7cccd
Island Sea
#81d7d0
Ginger Dy
#97653c
Nevada
#666f6f
Ocean in a Bowl
#68dfbb
City Brume
#e0e0dc
Cerebellum Grey
#cccbcd
Marrakesh Red
#783b3c
Mountain Blueberry
#3c4b6c
Dark Sting
#7e736d
Lover's Kiss
#8f3b3d
Fig Branches
#7a634d
Mauve Day
#ac8c8c
Nocturnal Rose
#cc6699
Aloha Sunset
#e9aa91
Blushing Apricot
#fbbca7
Light Porcelain
#e7dad7
Duskwood
#123d55
Horn of Plenty
#bba46d
Grassy Glade
#d8ddca
Golden Raspberry
#f8d878
Crumbling Statue
#cabfb4
Day Glow Orange
#eb5c34
Feminine Fancy
#c4a8cf
English Saddle
#8e6947
Lady Guinevere
#caa09e
Heritage Blue
#5d96bc
Amulet
#7d9d72
Pink Glow
#ffece0
Jinza Safflower
#ee827c
Library Red
#5b3530
Go Go Pink
#fdd8d4
Plume
#a5cfd5
Fragile Beauty
#e7d7c6
Green Goanna
#505a39
Flowering Reed
#e1d8b8
rating-img
Rate this tool
NaN/5   0 votes