#676b53 hex color

In a RGB color space, hex #676b53 is composed of 40.4% red, 42% green and 32.5% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 22.4% yellow and 58% black. It has a hue angle of 70 degrees, a saturation of 12.6% and a lightness of 37.3%. #676b53 color hex could be obtained by blending #ced6a6 with #000000. Closest websafe color is: #666666.

♥
- f
- t
- g
- R 40
- G 42
- B 33
RGB color chart
- C 4
- M 0
- Y 22
- K 58
CMYK color chart

● #676b53 color description : Very dark grayish yellow.

The hexadecimal color #676b53 has RGB values of R:103, G:107, B:83 and CMYK values of C:0.04, M:0, Y:0.22, K:0.58. Its decimal value is 6777683.

Hex triplet	676b53	`#676b53`
RGB Decimal	103, 107, 83	`rgb(103,107,83)`
RGB Percent	40.4, 42, 32.5	`rgb(40.4%,42%,32.5%)`
CMYK	4, 0, 22, 58
HSL	70°, 12.6, 37.3	`hsl(70,12.6%,37.3%)`
HSV (or HSB)	70°, 22.4, 42
Web Safe	666666	`#666666`

CIE-LAB	44.267, -6.097, 12.968
XYZ	12.412, 14.024, 10.236
xyY	0.338, 0.382, 14.024
CIE-LCH	44.267, 14.33, 115.181
CIE-LUV	44.267, -1.131, 17.03
Hunter-Lab	37.448, -6.37, 10.007
Binary	01100111, 01101011, 01010011

#676b53
```
#676b53 rgb(103,107,83)
```
#57536b
```
#57536b rgb(87,83,107)
```

Complementary Color

#6b6353
```
#6b6353 rgb(107,99,83)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#5b6b53
```
#5b6b53 rgb(91,107,83)
```

Analogous Color

#63536b
```
#63536b rgb(99,83,107)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#535b6b
```
#535b6b rgb(83,91,107)
```

Split Complementary Color

#6b5367
```
#6b5367 rgb(107,83,103)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#53676b
```
#53676b rgb(83,103,107)
```

Triadic Color

#6b5753
```
#6b5753 rgb(107,87,83)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#53676b
```
#53676b rgb(83,103,107)
```
#57536b
```
#57536b rgb(87,83,107)
```

Tetradic Color

#3e4032
```
#3e4032 rgb(62,64,50)
```
#4b4e3d
```
#4b4e3d rgb(75,78,61)
```
#595d48
```
#595d48 rgb(89,93,72)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#75795e
```
#75795e rgb(117,121,94)
```
#838869
```
#838869 rgb(131,136,105)
```
#909576
```
#909576 rgb(144,149,118)
```

Monochromatic Color

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

#6b6953
```
#6b6953 rgb(107,105,83)
```
#6b6b53
```
#6b6b53 rgb(107,107,83)
```
#696b53
```
#696b53 rgb(105,107,83)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#656b53
```
#656b53 rgb(101,107,83)
```
#636b53
```
#636b53 rgb(99,107,83)
```
#616b53
```
#616b53 rgb(97,107,83)
```

Similar Colors

Text with hexadecimal color #676b53

This text has a font color of #676b53.

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

#676b53 background color

This paragraph has a background color of #676b53.

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

#676b53 border color

This element has a border color of #676b53.

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

CSS codes

.text {color:#676b53;}

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

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

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

#070806
```
#070806 rgb(7,8,6)
```
#12130e
```
#12130e rgb(18,19,14)
```
#1d1e17
```
#1d1e17 rgb(29,30,23)
```
#272920
```
#272920 rgb(39,41,32)
```
#323428
```
#323428 rgb(50,52,40)
```
#3c3f31
```
#3c3f31 rgb(60,63,49)
```
#474a39
```
#474a39 rgb(71,74,57)
```
#525542
```
#525542 rgb(82,85,66)
```
#5c604a
```
#5c604a rgb(92,96,74)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#72765c
```
#72765c rgb(114,118,92)
```
#7c8164
```
#7c8164 rgb(124,129,100)
```
#878c6d
```
#878c6d rgb(135,140,109)
```

Shade Color Variation

#909577
```
#909577 rgb(144,149,119)
```
#999e82
```
#999e82 rgb(153,158,130)
```
#a2a78d
```
#a2a78d rgb(162,167,141)
```
#abaf98
```
#abaf98 rgb(171,175,152)
```
#b4b8a3
```
#b4b8a3 rgb(180,184,163)
```
#bdc0ae
```
#bdc0ae rgb(189,192,174)
```
#c6c9b9
```
#c6c9b9 rgb(198,201,185)
```
#cfd1c4
```
#cfd1c4 rgb(207,209,196)
```
#d8dacf
```
#d8dacf rgb(216,218,207)
```
#e1e3da
```
#e1e3da rgb(225,227,218)
```
#eaebe5
```
#eaebe5 rgb(234,235,229)
```
#f3f4f0
```
#f3f4f0 rgb(243,244,240)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#62645a
```
#62645a rgb(98,100,90)
```
#676b53
```
#676b53 rgb(103,107,83)
```
#6c724c
```
#6c724c rgb(108,114,76)
```
#717a44
```
#717a44 rgb(113,122,68)
```
#76813d
```
#76813d rgb(118,129,61)
```
#7a8836
```
#7a8836 rgb(122,136,54)
```
#7f902e
```
#7f902e rgb(127,144,46)
```
#849727
```
#849727 rgb(132,151,39)
```
#899e20
```
#899e20 rgb(137,158,32)
```
#8ea519
```
#8ea519 rgb(142,165,25)
```
#93ad11
```
#93ad11 rgb(147,173,17)
```
#98b40a
```
#98b40a rgb(152,180,10)
```
#9dbb03
```
#9dbb03 rgb(157,187,3)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#676863 Atypical Achromatopsia 0.001% of the population

Dichromacy

#77705a Protanopia 1% of men
#816c5d Deuteranopia 1% of men
#736e76 Tritanopia 0.001% of the population

Trichromacy

#716e58 Protanomaly 1% of men, 0.01% of women
#776b59 Deuteranomaly 6% of men, 0.4% of women
#6e6d69 Tritanomaly 0.01% of the population

#676b53 hex color

#676b53 Color Information

#676b53 Color Conversion

Color Schemes with #676b53

Alternatives to #676b53

#676b53 Preview

Shades and Tints of #676b53

Tones of #676b53

Color Blindness Simulator