#786768 hex color

In a RGB color space, hex #786768 is composed of 47.1% red, 40.4% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 14.2% magenta, 13.3% yellow and 52.9% black. It has a hue angle of 356.5 degrees, a saturation of 7.6% and a lightness of 43.7%. #786768 color hex could be obtained by blending #f0ced0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 47
- G 40
- B 41
RGB color chart
- C 0
- M 14
- Y 13
- K 53
CMYK color chart

● #786768 color description : Dark grayish red.

The hexadecimal color #786768 has RGB values of R:120, G:103, B:104 and CMYK values of C:0, M:0.14, Y:0.13, K:0.53. Its decimal value is 7890792.

Hex triplet	786768	`#786768`
RGB Decimal	120, 103, 104	`rgb(120,103,104)`
RGB Percent	47.1, 40.4, 40.8	`rgb(47.1%,40.4%,40.8%)`
CMYK	0, 14, 13, 53
HSL	356.5°, 7.6, 43.7	`hsl(356.5,7.6%,43.7%)`
HSV (or HSB)	356.5°, 14.2, 47.1
Web Safe	666666	`#666666`

CIE-LAB	45.211, 6.925, 1.93
XYZ	15.094, 14.693, 15.137
xyY	0.336, 0.327, 14.693
CIE-LCH	45.211, 7.189, 15.571
CIE-LUV	45.211, 10.05, 1.427
Hunter-Lab	38.332, 3.209, 3.419
Binary	01111000, 01100111, 01101000

#786768
```
#786768 rgb(120,103,104)
```
#677877
```
#677877 rgb(103,120,119)
```

Complementary Color

#786771
```
#786771 rgb(120,103,113)
```
#786768
```
#786768 rgb(120,103,104)
```
#786f67
```
#786f67 rgb(120,111,103)
```

Analogous Color

#677178
```
#677178 rgb(103,113,120)
```
#786768
```
#786768 rgb(120,103,104)
```
#67786f
```
#67786f rgb(103,120,111)
```

Split Complementary Color

#676878
```
#676878 rgb(103,104,120)
```
#786768
```
#786768 rgb(120,103,104)
```
#687867
```
#687867 rgb(104,120,103)
```

Triadic Color

#776778
```
#776778 rgb(119,103,120)
```
#786768
```
#786768 rgb(120,103,104)
```
#687867
```
#687867 rgb(104,120,103)
```
#677877
```
#677877 rgb(103,120,119)
```

Tetradic Color

#4f4444
```
#4f4444 rgb(79,68,68)
```
#5d4f50
```
#5d4f50 rgb(93,79,80)
```
#6a5b5c
```
#6a5b5c rgb(106,91,92)
```
#786768
```
#786768 rgb(120,103,104)
```
#867374
```
#867374 rgb(134,115,116)
```
#928081
```
#928081 rgb(146,128,129)
```
#9e8e8f
```
#9e8e8f rgb(158,142,143)
```

Monochromatic Color

Below, you can see some colors close to #786768. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#78676c
```
#78676c rgb(120,103,108)
```
#78676b
```
#78676b rgb(120,103,107)
```
#786769
```
#786769 rgb(120,103,105)
```
#786768
```
#786768 rgb(120,103,104)
```
#786767
```
#786767 rgb(120,103,103)
```
#786967
```
#786967 rgb(120,105,103)
```
#786a67
```
#786a67 rgb(120,106,103)
```

Similar Colors

Text with hexadecimal color #786768

This text has a font color of #786768.

<span style="color:#786768;">Text here</span>

#786768 background color

This paragraph has a background color of #786768.

<p style="background-color:#786768;">Content here</p>

#786768 border color

This element has a border color of #786768.

<div style="border:1px solid #786768;">Content here</div>

CSS codes

.text {color:#786768;}

.background {background-color:#786768;}

.border {border:1px solid #786768;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #040303 is the darkest color, while #f9f8f8 is the lightest one.

#040303
```
#040303 rgb(4,3,3)
```
#0e0c0d
```
#0e0c0d rgb(14,12,13)
```
#191516
```
#191516 rgb(25,21,22)
```
#241f1f
```
#241f1f rgb(36,31,31)
```
#2e2828
```
#2e2828 rgb(46,40,40)
```
#393131
```
#393131 rgb(57,49,49)
```
#433a3a
```
#433a3a rgb(67,58,58)
```
#4e4343
```
#4e4343 rgb(78,67,67)
```
#584c4d
```
#584c4d rgb(88,76,77)
```
#635556
```
#635556 rgb(99,85,86)
```
#6d5e5f
```
#6d5e5f rgb(109,94,95)
```
#786768
```
#786768 rgb(120,103,104)
```
#837071
```
#837071 rgb(131,112,113)
```

Shade Color Variation

#8d7a7b
```
#8d7a7b rgb(141,122,123)
```
#968485
```
#968485 rgb(150,132,133)
```
#9f8f90
```
#9f8f90 rgb(159,143,144)
```
#a8999a
```
#a8999a rgb(168,153,154)
```
#b1a4a5
```
#b1a4a5 rgb(177,164,165)
```
#baaeaf
```
#baaeaf rgb(186,174,175)
```
#c3b9ba
```
#c3b9ba rgb(195,185,186)
```
#ccc4c4
```
#ccc4c4 rgb(204,196,196)
```
#d5cecf
```
#d5cecf rgb(213,206,207)
```
#ded9d9
```
#ded9d9 rgb(222,217,217)
```
#e7e3e3
```
#e7e3e3 rgb(231,227,227)
```
#f0eeee
```
#f0eeee rgb(240,238,238)
```
#f9f8f8
```
#f9f8f8 rgb(249,248,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #786768 is the less saturated color, while #df000d is the most saturated one.

#786768
```
#786768 rgb(120,103,104)
```
#815e60
```
#815e60 rgb(129,94,96)
```
#895659
```
#895659 rgb(137,86,89)
```
#924d51
```
#924d51 rgb(146,77,81)
```
#9a454a
```
#9a454a rgb(154,69,74)
```
#a33c42
```
#a33c42 rgb(163,60,66)
```
#ab343b
```
#ab343b rgb(171,52,59)
```
#b42b33
```
#b42b33 rgb(180,43,51)
```
#bd222b
```
#bd222b rgb(189,34,43)
```
#c51a24
```
#c51a24 rgb(197,26,36)
```
#ce111c
```
#ce111c rgb(206,17,28)
```
#d60915
```
#d60915 rgb(214,9,21)
```
#df000d
```
#df000d rgb(223,0,13)
```

Tone Color Variation

Below, you can see how #786768 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#6c6c6c Achromatopsia 0.005% of the population
#6e6b6b Atypical Achromatopsia 0.001% of the population

Dichromacy

#747271 Protanopia 1% of men
#7e6f6f Deuteranopia 1% of men
#7f6d75 Tritanopia 0.001% of the population

Trichromacy

#756e6e Protanomaly 1% of men, 0.01% of women
#7c6c6c Deuteranomaly 6% of men, 0.4% of women
#7d6b70 Tritanomaly 0.01% of the population

#786768 hex color

#786768 Color Information

#786768 Color Conversion

Color Schemes with #786768

Alternatives to #786768

#786768 Preview

Shades and Tints of #786768

Tones of #786768

Color Blindness Simulator