#878785 Color Hex Jumbo

Information about Jumbo Color | #0000FF

#878785 color RGB value is (135,135,133). #878785 color name is Jumbo color.

#878785 hex color red value is 135 , green value is 135 and the blue value of its RGB is 133 . Cylindrical-coordinate representations (also known as HSL) of color #878785 hue: 60 , saturation: 1 and the lightness value of #878785 is 53

The process color (four color CMYK) of #878785 color hex is 0 , 0 ,1, 18 .

#878785

~Jumbo

Color Converions

HEX
#878785
RGB
135,135,133
LAB
56,0,1
CMYK
0,0,1,47
LCH
56,1,105
XYZ
23,24,26
HSV
60,1,53
HSL
60,1,53

Base Numbers

Base Red Green Blue
Binary 10000111 10000111 10000101
Octal 207 207 205
Decimal 135 135 133
Hex 87 87 85

RGB Percentages of Color #878785

53%
53%
52%

CMYK Percentages of Color #878785

0%
1%
0%
18%

Color Variations

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

Shades of #878785

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

10%
#878785
20%
#7a7a78
30%
#6c6c6a
40%
#5f5f5d
50%
#515150
60%
#444442
70%
#363635
80%
#292928
90%
#1b1b1b
100%
#0e0e0d

Tints of #878785

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

10%
#878785
20%
#939391
30%
#9f9f9d
40%
#ababaa
50%
#b7b7b6
60%
#c3c3c2
70%
#cfcfce
80%
#dbdbda
90%
#e7e7e7
100%
#f3f3f3

Tones of #878785

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

10%
#878785
20%
#868684
30%
#868684
40%
#858583
50%
#848483
60%
#838382
70%
#838382
80%
#828281
90%
#818181
100%
#808080

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.
#878785
#878685
#878785
#878785
#878785
#868785

Complementary

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

Split complementary

Split complementary schemes are like complementary but they uses two adiacent colors of the complement. They are more flexible than complementary ones.
#878785
#858785
#868587

Triadic

Triadic color schemes are created by picking three colors equally spaced on the color wheel. They appear quite contrasted and multicolored.
#878785
#858787
#878587

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.
#878785
#858786
#858587
#878586

Monochromatic

Colors of the same hue with luminance values +/-50%. Subtle and refined.
#878785
#b1b1af
#dcdcd9
#070707
#323231
#5c5c5b

Blindness simulator

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

Normal

#878785

protanopia

#898583

deuteranopia

#938185

tritanopia

#88848e

achromatopsia

#878787

protanomaly

#888684

deuteranomaly

#8f8385

achromatopsia

#878787

tritanomaly

#87858b

achromatomaly

#878786

Contrast Checker

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

White background

Poor 4/21
Hello World ! 4

Black background-color

Good 6/21
Hello World !

#878785 Color CSS Codes

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

#878785 Text Font Color

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

This sample text font color is #878785
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.

#878785 Background Color

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

#878785 Border Color

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

This div border color is #878785

#878785 Color CSS Codes Examples

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

Text Shadow with Hex Values

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

This text has shadow with hex values.


Div Box Shadow

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

This div box has shadow with color #878785

More Colors

Cool Aloe
#a9d99c
Amaranthine
#5f4053
Fairy Salt
#ffe0f5
Kindred
#71a2d4
Arizona Tan
#e5bc82
On Cloud Nine
#c2e7e8
Desireé
#c4adb8
Ephemeral Mist
#c7cdd3
Hematite
#5f615f
Dark Grey
#363737
China Clay
#718b9a
Bitter Briar
#8d7470
Dahlia Delight
#f8bbd3
Cadet Blue
#5f9ea0
Bockwurst
#df8f67
Pani Puri
#f4aa53
Chun-Li Blue
#1559db
Glacier Bay
#def2ee
Citrus Splash
#ffc400
Plum Juice
#dea1dd
Marzena Dream
#a6d0ec
Fair Aqua
#b8e2dc
Kitten's Eye
#8aadf7
Chic Taupe
#aa9788
Natural Watercourse
#006e4e
Hidden Diary
#ede4cc
Forceful Orange
#f29312
Alexandria's Lighthouse
#fcefc1
Egg Noodle
#f1e3bd
Determined Orange
#c56639
Delicate Sweet Apricot
#fdcdbd
Fudge
#493338
Passion Potion
#e398af
Garden Dawn
#f1f8ec
Chilean Heath
#f9f7de
Pink Posey
#eadee0
Golden Palm
#aa8805
Arrow Rock
#a28440
High Priest
#643949
Dark Envy
#a4a582
rating-img
Rate this tool
NaN/5   0 votes