#676368 hex color

In a RGB color space, hex #676368 is composed of 40.4% red, 38.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 1% cyan, 4.8% magenta, 0% yellow and 59.2% black. It has a hue angle of 288 degrees, a saturation of 2.5% and a lightness of 39.8%. #676368 color hex could be obtained by blending #cec6d0 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 39
- B 41
RGB color chart
- C 1
- M 5
- Y 0
- K 59
CMYK color chart

● #676368 color description : Very dark grayish magenta.

The hexadecimal color #676368 has RGB values of R:103, G:99, B:104 and CMYK values of C:0.01, M:0.05, Y:0, K:0.59. Its decimal value is 6775656.

Hex triplet	676368	`#676368`
RGB Decimal	103, 99, 104	`rgb(103,99,104)`
RGB Percent	40.4, 38.8, 40.8	`rgb(40.4%,38.8%,40.8%)`
CMYK	1, 5, 0, 59
HSL	288°, 2.5, 39.8	`hsl(288,2.5%,39.8%)`
HSV (or HSB)	288°, 4.8, 40.8
Web Safe	666666	`#666666`

CIE-LAB	42.471, 2.604, -2.267
XYZ	12.554, 12.807, 14.907
xyY	0.312, 0.318, 12.807
CIE-LCH	42.471, 3.453, 318.951
CIE-LUV	42.471, 1.944, -3.388
Hunter-Lab	35.787, -0.01, 0.354
Binary	01100111, 01100011, 01101000

#676368
```
#676368 rgb(103,99,104)
```
#646863
```
#646863 rgb(100,104,99)
```

Complementary Color

#656368
```
#656368 rgb(101,99,104)
```
#676368
```
#676368 rgb(103,99,104)
```
#686367
```
#686367 rgb(104,99,103)
```

Analogous Color

#636865
```
#636865 rgb(99,104,101)
```
#676368
```
#676368 rgb(103,99,104)
```
#676863
```
#676863 rgb(103,104,99)
```

Split Complementary Color

#636867
```
#636867 rgb(99,104,103)
```
#676368
```
#676368 rgb(103,99,104)
```
#686763
```
#686763 rgb(104,103,99)
```

Triadic Color

#636468
```
#636468 rgb(99,100,104)
```
#676368
```
#676368 rgb(103,99,104)
```
#686763
```
#686763 rgb(104,103,99)
```
#646863
```
#646863 rgb(100,104,99)
```

Tetradic Color

#403e41
```
#403e41 rgb(64,62,65)
```
#4d4a4e
```
#4d4a4e rgb(77,74,78)
```
#5a575b
```
#5a575b rgb(90,87,91)
```
#676368
```
#676368 rgb(103,99,104)
```
#746f75
```
#746f75 rgb(116,111,117)
```
#817c82
```
#817c82 rgb(129,124,130)
```
#8d898f
```
#8d898f rgb(141,137,143)
```

Monochromatic Color

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

#666368
```
#666368 rgb(102,99,104)
```
#666368
```
#666368 rgb(102,99,104)
```
#676368
```
#676368 rgb(103,99,104)
```
#676368
```
#676368 rgb(103,99,104)
```
#676368
```
#676368 rgb(103,99,104)
```
#686368
```
#686368 rgb(104,99,104)
```
#686368
```
#686368 rgb(104,99,104)
```

Similar Colors

Text with hexadecimal color #676368

This text has a font color of #676368.

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

#676368 background color

This paragraph has a background color of #676368.

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

#676368 border color

This element has a border color of #676368.

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

CSS codes

.text {color:#676368;}

.background {background-color:#676368;}

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

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, #030304 is the darkest color, while #f9f8f9 is the lightest one.

#030304
```
#030304 rgb(3,3,4)
```
#0d0d0e
```
#0d0d0e rgb(13,13,14)
```
#171618
```
#171618 rgb(23,22,24)
```
#212022
```
#212022 rgb(33,32,34)
```
#2b2a2c
```
#2b2a2c rgb(43,42,44)
```
#353336
```
#353336 rgb(53,51,54)
```
#3f3d40
```
#3f3d40 rgb(63,61,64)
```
#49464a
```
#49464a rgb(73,70,74)
```
#535054
```
#535054 rgb(83,80,84)
```
#5d595e
```
#5d595e rgb(93,89,94)
```
#676368
```
#676368 rgb(103,99,104)
```
#716d72
```
#716d72 rgb(113,109,114)
```
#7b767c
```
#7b767c rgb(123,118,124)
```

Shade Color Variation

#858086
```
#858086 rgb(133,128,134)
```
#8e8a90
```
#8e8a90 rgb(142,138,144)
```
#989499
```
#989499 rgb(152,148,153)
```
#a29ea3
```
#a29ea3 rgb(162,158,163)
```
#aba8ac
```
#aba8ac rgb(171,168,172)
```
#b5b2b6
```
#b5b2b6 rgb(181,178,182)
```
#bfbcbf
```
#bfbcbf rgb(191,188,191)
```
#c8c6c9
```
#c8c6c9 rgb(200,198,201)
```
#d2d0d3
```
#d2d0d3 rgb(210,208,211)
```
#dcdadc
```
#dcdadc rgb(220,218,220)
```
#e5e4e6
```
#e5e4e6 rgb(229,228,230)
```
#efeeef
```
#efeeef rgb(239,238,239)
```
#f9f8f9
```
#f9f8f9 rgb(249,248,249)
```

Tint Color Variation

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

#676368
```
#676368 rgb(103,99,104)
```
#6c5b70
```
#6c5b70 rgb(108,91,112)
```
#705378
```
#705378 rgb(112,83,120)
```
#754c7f
```
#754c7f rgb(117,76,127)
```
#7a4487
```
#7a4487 rgb(122,68,135)
```
#7e3c8f
```
#7e3c8f rgb(126,60,143)
```
#833497
```
#833497 rgb(131,52,151)
```
#882c9f
```
#882c9f rgb(136,44,159)
```
#8c25a6
```
#8c25a6 rgb(140,37,166)
```
#911dae
```
#911dae rgb(145,29,174)
```
#9615b6
```
#9615b6 rgb(150,21,182)
```
#9b0dbe
```
#9b0dbe rgb(155,13,190)
```
#9f05c6
```
#9f05c6 rgb(159,5,198)
```

Tone Color Variation

Below, you can see how #676368 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

#656565 Achromatopsia 0.005% of the population
#656566 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6b70 Protanopia 1% of men
#746970 Deuteranopia 1% of men
#6f6a72 Tritanopia 0.001% of the population

Trichromacy

#6a686d Protanomaly 1% of men, 0.01% of women
#6f676d Deuteranomaly 6% of men, 0.4% of women
#6c676e Tritanomaly 0.01% of the population

#676368 hex color

#676368 Color Information

#676368 Color Conversion

Color Schemes with #676368

Alternatives to #676368

#676368 Preview

Shades and Tints of #676368

Tones of #676368

Color Blindness Simulator