#676d0e hex color

In a RGB color space, hex #676d0e is composed of 40.4% red, 42.7% green and 5.5% blue. Whereas in a CMYK color space, it is composed of 5.5% cyan, 0% magenta, 87.2% yellow and 57.3% black. It has a hue angle of 63.8 degrees, a saturation of 77.2% and a lightness of 24.1%. #676d0e color hex could be obtained by blending #ceda1c with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 40
- G 43
- B 5
RGB color chart
- C 6
- M 0
- Y 87
- K 57
CMYK color chart

● #676d0e color description : Very dark yellow [Olive tone].

The hexadecimal color #676d0e has RGB values of R:103, G:109, B:14 and CMYK values of C:0.06, M:0, Y:0.87, K:0.57. Its decimal value is 6778126.

Hex triplet	676d0e	`#676d0e`
RGB Decimal	103, 109, 14	`rgb(103,109,14)`
RGB Percent	40.4, 42.7, 5.5	`rgb(40.4%,42.7%,5.5%)`
CMYK	6, 0, 87, 57
HSL	63.8°, 77.2, 24.1	`hsl(63.8,77.2%,24.1%)`
HSV (or HSB)	63.8°, 87.2, 42.7
Web Safe	666600	`#666600`

CIE-LAB	44.021, -14.009, 46.622
XYZ	11.141, 13.853, 2.502
xyY	0.405, 0.504, 13.853
CIE-LCH	44.021, 48.681, 106.724
CIE-LUV	44.021, -0.589, 47.069
Hunter-Lab	37.219, -11.7, 22.067
Binary	01100111, 01101101, 00001110

#676d0e
```
#676d0e rgb(103,109,14)
```
#140e6d
```
#140e6d rgb(20,14,109)
```

Complementary Color

#6d440e
```
#6d440e rgb(109,68,14)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#386d0e
```
#386d0e rgb(56,109,14)
```

Analogous Color

#440e6d
```
#440e6d rgb(68,14,109)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#0e386d
```
#0e386d rgb(14,56,109)
```

Split Complementary Color

#6d0e67
```
#6d0e67 rgb(109,14,103)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#0e676d
```
#0e676d rgb(14,103,109)
```

Triadic Color

#6d140e
```
#6d140e rgb(109,20,14)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#0e676d
```
#0e676d rgb(14,103,109)
```
#140e6d
```
#140e6d rgb(20,14,109)
```

Tetradic Color

#272905
```
#272905 rgb(39,41,5)
```
#3c4008
```
#3c4008 rgb(60,64,8)
```
#52560b
```
#52560b rgb(82,86,11)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#7c8411
```
#7c8411 rgb(124,132,17)
```
#929a14
```
#929a14 rgb(146,154,20)
```
#a7b117
```
#a7b117 rgb(167,177,23)
```

Monochromatic Color

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

#6d5b0e
```
#6d5b0e rgb(109,91,14)
```
#6d630e
```
#6d630e rgb(109,99,14)
```
#6d6b0e
```
#6d6b0e rgb(109,107,14)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#5f6d0e
```
#5f6d0e rgb(95,109,14)
```
#576d0e
```
#576d0e rgb(87,109,14)
```
#4f6d0e
```
#4f6d0e rgb(79,109,14)
```

Similar Colors

Text with hexadecimal color #676d0e

This text has a font color of #676d0e.

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

#676d0e background color

This paragraph has a background color of #676d0e.

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

#676d0e border color

This element has a border color of #676d0e.

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

CSS codes

.text {color:#676d0e;}

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

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

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

#040501
```
#040501 rgb(4,5,1)
```
#151603
```
#151603 rgb(21,22,3)
```
#252705
```
#252705 rgb(37,39,5)
```
#363907
```
#363907 rgb(54,57,7)
```
#464a0a
```
#464a0a rgb(70,74,10)
```
#575c0c
```
#575c0c rgb(87,92,12)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#777e10
```
#777e10 rgb(119,126,16)
```
#889012
```
#889012 rgb(136,144,18)
```
#98a115
```
#98a115 rgb(152,161,21)
```
#a9b317
```
#a9b317 rgb(169,179,23)
```
#b9c419
```
#b9c419 rgb(185,196,25)
```
#cad51b
```
#cad51b rgb(202,213,27)
```

Shade Color Variation

#d6e322
```
#d6e322 rgb(214,227,34)
```
#dae533
```
#dae533 rgb(218,229,51)
```
#dde744
```
#dde744 rgb(221,231,68)
```
#e0e956
```
#e0e956 rgb(224,233,86)
```
#e3ec67
```
#e3ec67 rgb(227,236,103)
```
#e6ee79
```
#e6ee79 rgb(230,238,121)
```
#eaf08a
```
#eaf08a rgb(234,240,138)
```
#edf29b
```
#edf29b rgb(237,242,155)
```
#f0f4ad
```
#f0f4ad rgb(240,244,173)
```
#f3f7be
```
#f3f7be rgb(243,247,190)
```
#f6f9d0
```
#f6f9d0 rgb(246,249,208)
```
#f9fbe1
```
#f9fbe1 rgb(249,251,225)
```
#fdfdf2
```
#fdfdf2 rgb(253,253,242)
```

Tint Color Variation

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

#3e3e3d
```
#3e3e3d rgb(62,62,61)
```
#424239
```
#424239 rgb(66,66,57)
```
#464734
```
#464734 rgb(70,71,52)
```
#4a4c2f
```
#4a4c2f rgb(74,76,47)
```
#4e512a
```
#4e512a rgb(78,81,42)
```
#525526
```
#525526 rgb(82,85,38)
```
#565a21
```
#565a21 rgb(86,90,33)
```
#5b5f1c
```
#5b5f1c rgb(91,95,28)
```
#5f6417
```
#5f6417 rgb(95,100,23)
```
#636813
```
#636813 rgb(99,104,19)
```
#676d0e
```
#676d0e rgb(103,109,14)
```
#6b7209
```
#6b7209 rgb(107,114,9)
```
#6f7605
```
#6f7605 rgb(111,118,5)
```

Tone Color Variation

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

#606060 Achromatopsia 0.005% of the population
#616350 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7019 Protanopia 1% of men
#8b6a21 Deuteranopia 1% of men
#776d74 Tritanopia 0.001% of the population

Trichromacy

#756f15 Protanomaly 1% of men, 0.01% of women
#7e6b1a Deuteranomaly 6% of men, 0.4% of women
#716d4f Tritanomaly 0.01% of the population

#676d0e hex color

#676d0e Color Information

#676d0e Color Conversion

Color Schemes with #676d0e

Alternatives to #676d0e

#676d0e Preview

Shades and Tints of #676d0e

Tones of #676d0e

Color Blindness Simulator