#676d80 hex color

In a RGB color space, hex #676d80 is composed of 40.4% red, 42.7% green and 50.2% blue. Whereas in a CMYK color space, it is composed of 19.5% cyan, 14.8% magenta, 0% yellow and 49.8% black. It has a hue angle of 225.6 degrees, a saturation of 10.8% and a lightness of 45.3%. #676d80 color hex could be obtained by blending #cedaff with #000001. Closest websafe color is: #666699.

♥
- f
- t
- g
- R 40
- G 43
- B 50
RGB color chart
- C 20
- M 15
- Y 0
- K 50
CMYK color chart

● #676d80 color description : Dark grayish blue.

The hexadecimal color #676d80 has RGB values of R:103, G:109, B:128 and CMYK values of C:0.2, M:0.15, Y:0, K:0.5. Its decimal value is 6778240.

Hex triplet	676d80	`#676d80`
RGB Decimal	103, 109, 128	`rgb(103,109,128)`
RGB Percent	40.4, 42.7, 50.2	`rgb(40.4%,42.7%,50.2%)`
CMYK	20, 15, 0, 50
HSL	225.6°, 10.8, 45.3	`hsl(225.6,10.8%,45.3%)`
HSV (or HSB)	225.6°, 19.5, 50.2
Web Safe	666699	`#666699`

CIE-LAB	46.149, 2.063, -11.265
XYZ	14.958, 15.379, 22.601
xyY	0.283, 0.291, 15.379
CIE-LCH	46.149, 11.452, 280.375
CIE-LUV	46.149, -4.176, -16.053
Hunter-Lab	39.216, -0.546, -6.719
Binary	01100111, 01101101, 10000000

#676d80
```
#676d80 rgb(103,109,128)
```
#807a67
```
#807a67 rgb(128,122,103)
```

Complementary Color

#677a80
```
#677a80 rgb(103,122,128)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#6e6780
```
#6e6780 rgb(110,103,128)
```

Analogous Color

#7a8067
```
#7a8067 rgb(122,128,103)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#806e67
```
#806e67 rgb(128,110,103)
```

Split Complementary Color

#6d8067
```
#6d8067 rgb(109,128,103)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#80676d
```
#80676d rgb(128,103,109)
```

Triadic Color

#67807a
```
#67807a rgb(103,128,122)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#80676d
```
#80676d rgb(128,103,109)
```
#807a67
```
#807a67 rgb(128,122,103)
```

Tetradic Color

#454956
```
#454956 rgb(69,73,86)
```
#505564
```
#505564 rgb(80,85,100)
```
#5c6172
```
#5c6172 rgb(92,97,114)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#73798e
```
#73798e rgb(115,121,142)
```
#818799
```
#818799 rgb(129,135,153)
```
#8f94a5
```
#8f94a5 rgb(143,148,165)
```

Monochromatic Color

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

#677380
```
#677380 rgb(103,115,128)
```
#677180
```
#677180 rgb(103,113,128)
```
#676f80
```
#676f80 rgb(103,111,128)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#676b80
```
#676b80 rgb(103,107,128)
```
#676980
```
#676980 rgb(103,105,128)
```
#676780
```
#676780 rgb(103,103,128)
```

Similar Colors

Text with hexadecimal color #676d80

This text has a font color of #676d80.

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

#676d80 background color

This paragraph has a background color of #676d80.

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

#676d80 border color

This element has a border color of #676d80.

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

CSS codes

.text {color:#676d80;}

.background {background-color:#676d80;}

.border {border:1px solid #676d80;}

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

#070708
```
#070708 rgb(7,7,8)
```
#101013
```
#101013 rgb(16,16,19)
```
#181a1e
```
#181a1e rgb(24,26,30)
```
#212329
```
#212329 rgb(33,35,41)
```
#2a2c34
```
#2a2c34 rgb(42,44,52)
```
#33353f
```
#33353f rgb(51,53,63)
```
#3b3f4a
```
#3b3f4a rgb(59,63,74)
```
#444855
```
#444855 rgb(68,72,85)
```
#4d515f
```
#4d515f rgb(77,81,95)
```
#565a6a
```
#565a6a rgb(86,90,106)
```
#5e6475
```
#5e6475 rgb(94,100,117)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#70768b
```
#70768b rgb(112,118,139)
```

Shade Color Variation

#7a8094
```
#7a8094 rgb(122,128,148)
```
#858b9d
```
#858b9d rgb(133,139,157)
```
#9095a6
```
#9095a6 rgb(144,149,166)
```
#9b9fae
```
#9b9fae rgb(155,159,174)
```
#a6aab7
```
#a6aab7 rgb(166,170,183)
```
#b0b4c0
```
#b0b4c0 rgb(176,180,192)
```
#bbbfc9
```
#bbbfc9 rgb(187,191,201)
```
#c6c9d1
```
#c6c9d1 rgb(198,201,209)
```
#d1d3da
```
#d1d3da rgb(209,211,218)
```
#dcdee3
```
#dcdee3 rgb(220,222,227)
```
#e7e8ec
```
#e7e8ec rgb(231,232,236)
```
#f2f2f4
```
#f2f2f4 rgb(242,242,244)
```
#fdfdfd
```
#fdfdfd rgb(253,253,253)
```

Tint Color Variation

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

#707277
```
#707277 rgb(112,114,119)
```
#676d80
```
#676d80 rgb(103,109,128)
```
#5e6889
```
#5e6889 rgb(94,104,137)
```
#556492
```
#556492 rgb(85,100,146)
```
#4c5f9b
```
#4c5f9b rgb(76,95,155)
```
#435ba4
```
#435ba4 rgb(67,91,164)
```
#3b56ac
```
#3b56ac rgb(59,86,172)
```
#3251b5
```
#3251b5 rgb(50,81,181)
```
#294dbe
```
#294dbe rgb(41,77,190)
```
#2048c7
```
#2048c7 rgb(32,72,199)
```
#1743d0
```
#1743d0 rgb(23,67,208)
```
#0e3fd9
```
#0e3fd9 rgb(14,63,217)
```
#053ae2
```
#053ae2 rgb(5,58,226)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#6c6d71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#717386 Protanopia 1% of men
#767287 Deuteranopia 1% of men
#6d767e Tritanopia 0.001% of the population

Trichromacy

#6d7183 Protanomaly 1% of men, 0.01% of women
#707084 Deuteranomaly 6% of men, 0.4% of women
#6a727f Tritanomaly 0.01% of the population

#676d80 hex color

#676d80 Color Information

#676d80 Color Conversion

Color Schemes with #676d80

Alternatives to #676d80

#676d80 Preview

Shades and Tints of #676d80

Tones of #676d80

Color Blindness Simulator