#676b4a hex color

In a RGB color space, hex #676b4a is composed of 40.4% red, 42% green and 29% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 30.8% yellow and 58% black. It has a hue angle of 67.3 degrees, a saturation of 18.2% and a lightness of 35.5%. #676b4a color hex could be obtained by blending #ced694 with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #676b4a has RGB values of R:103, G:107, B:74 and CMYK values of C:0.04, M:0, Y:0.31, K:0.58. Its decimal value is 6777674.

Hex triplet	676b4a	`#676b4a`
RGB Decimal	103, 107, 74	`rgb(103,107,74)`
RGB Percent	40.4, 42, 29	`rgb(40.4%,42%,29%)`
CMYK	4, 0, 31, 58
HSL	67.3°, 18.2, 35.5	`hsl(67.3,18.2%,35.5%)`
HSV (or HSB)	67.3°, 30.8, 42
Web Safe	666633	`#666633`

CIE-LAB	44.08, -7.527, 18.031
XYZ	12.087, 13.893, 8.523
xyY	0.35, 0.403, 13.893
CIE-LCH	44.08, 19.539, 112.657
CIE-LUV	44.08, -0.773, 22.83
Hunter-Lab	37.274, -7.346, 12.534
Binary	01100111, 01101011, 01001010

#676b4a
```
#676b4a rgb(103,107,74)
```
#4e4a6b
```
#4e4a6b rgb(78,74,107)
```

Complementary Color

#6b5f4a
```
#6b5f4a rgb(107,95,74)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#576b4a
```
#576b4a rgb(87,107,74)
```

Analogous Color

#5f4a6b
```
#5f4a6b rgb(95,74,107)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#4a576b
```
#4a576b rgb(74,87,107)
```

Split Complementary Color

#6b4a67
```
#6b4a67 rgb(107,74,103)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#4a676b
```
#4a676b rgb(74,103,107)
```

Triadic Color

#6b4e4a
```
#6b4e4a rgb(107,78,74)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#4a676b
```
#4a676b rgb(74,103,107)
```
#4e4a6b
```
#4e4a6b rgb(78,74,107)
```

Tetradic Color

#3b3e2b
```
#3b3e2b rgb(59,62,43)
```
#4a4d35
```
#4a4d35 rgb(74,77,53)
```
#585c40
```
#585c40 rgb(88,92,64)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#767a54
```
#767a54 rgb(118,122,84)
```
#84895f
```
#84895f rgb(132,137,95)
```
#92986a
```
#92986a rgb(146,152,106)
```

Monochromatic Color

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

#6b674a
```
#6b674a rgb(107,103,74)
```
#6b6a4a
```
#6b6a4a rgb(107,106,74)
```
#6a6b4a
```
#6a6b4a rgb(106,107,74)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#646b4a
```
#646b4a rgb(100,107,74)
```
#626b4a
```
#626b4a rgb(98,107,74)
```
#5f6b4a
```
#5f6b4a rgb(95,107,74)
```

Similar Colors

Text with hexadecimal color #676b4a

This text has a font color of #676b4a.

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

#676b4a background color

This paragraph has a background color of #676b4a.

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

#676b4a border color

This element has a border color of #676b4a.

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

CSS codes

.text {color:#676b4a;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0e0e0a
```
#0e0e0a rgb(14,14,10)
```
#191a12
```
#191a12 rgb(25,26,18)
```
#24251a
```
#24251a rgb(36,37,26)
```
#2f3122
```
#2f3122 rgb(47,49,34)
```
#3a3d2a
```
#3a3d2a rgb(58,61,42)
```
#464832
```
#464832 rgb(70,72,50)
```
#51543a
```
#51543a rgb(81,84,58)
```
#5c5f42
```
#5c5f42 rgb(92,95,66)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#727752
```
#727752 rgb(114,119,82)
```
#7d825a
```
#7d825a rgb(125,130,90)
```
#888e62
```
#888e62 rgb(136,142,98)
```

Shade Color Variation

#93996b
```
#93996b rgb(147,153,107)
```
#9ba176
```
#9ba176 rgb(155,161,118)
```
#a4a982
```
#a4a982 rgb(164,169,130)
```
#acb18e
```
#acb18e rgb(172,177,142)
```
#b5b999
```
#b5b999 rgb(181,185,153)
```
#bdc1a5
```
#bdc1a5 rgb(189,193,165)
```
#c6c9b0
```
#c6c9b0 rgb(198,201,176)
```
#ced1bc
```
#ced1bc rgb(206,209,188)
```
#d7d9c8
```
#d7d9c8 rgb(215,217,200)
```
#dfe1d3
```
#dfe1d3 rgb(223,225,211)
```
#e8e9df
```
#e8e9df rgb(232,233,223)
```
#f0f1ea
```
#f0f1ea rgb(240,241,234)
```
#f8f9f6
```
#f8f9f6 rgb(248,249,246)
```

Tint Color Variation

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

#5c5d58
```
#5c5d58 rgb(92,93,88)
```
#626451
```
#626451 rgb(98,100,81)
```
#676b4a
```
#676b4a rgb(103,107,74)
```
#6c7243
```
#6c7243 rgb(108,114,67)
```
#72793c
```
#72793c rgb(114,121,60)
```
#778035
```
#778035 rgb(119,128,53)
```
#7c872e
```
#7c872e rgb(124,135,46)
```
#818e27
```
#818e27 rgb(129,142,39)
```
#879520
```
#879520 rgb(135,149,32)
```
#8c9c19
```
#8c9c19 rgb(140,156,25)
```
#91a312
```
#91a312 rgb(145,163,18)
```
#96aa0b
```
#96aa0b rgb(150,170,11)
```
#9cb104
```
#9cb104 rgb(156,177,4)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#666760 Atypical Achromatopsia 0.001% of the population

Dichromacy

#786f52 Protanopia 1% of men
#836b55 Deuteranopia 1% of men
#746e76 Tritanopia 0.001% of the population

Trichromacy

#726e4f Protanomaly 1% of men, 0.01% of women
#786b51 Deuteranomaly 6% of men, 0.4% of women
#6f6d66 Tritanomaly 0.01% of the population

#676b4a hex color

#676b4a Color Information

#676b4a Color Conversion

Color Schemes with #676b4a

Alternatives to #676b4a

#676b4a Preview

Shades and Tints of #676b4a

Tones of #676b4a

Color Blindness Simulator