#676e0a hex color

In a RGB color space, hex #676e0a is composed of 40.4% red, 43.1% green and 3.9% blue. Whereas in a CMYK color space, it is composed of 6.4% cyan, 0% magenta, 90.9% yellow and 56.9% black. It has a hue angle of 64.2 degrees, a saturation of 83.3% and a lightness of 23.5%. #676e0a color hex could be obtained by blending #cedc14 with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #676e0a has RGB values of R:103, G:110, B:10 and CMYK values of C:0.06, M:0, Y:0.91, K:0.57. Its decimal value is 6778378.

Hex triplet	676e0a	`#676e0a`
RGB Decimal	103, 110, 10	`rgb(103,110,10)`
RGB Percent	40.4, 43.1, 3.9	`rgb(40.4%,43.1%,3.9%)`
CMYK	6, 0, 91, 57
HSL	64.2°, 83.3, 23.5	`hsl(64.2,83.3%,23.5%)`
HSV (or HSB)	64.2°, 90.9, 43.1
Web Safe	666600	`#666600`

CIE-LAB	44.315, -14.673, 47.843
XYZ	11.224, 14.057, 2.409
xyY	0.405, 0.508, 14.057
CIE-LCH	44.315, 50.043, 107.05
CIE-LUV	44.315, -1.182, 48.037
Hunter-Lab	37.493, -12.176, 22.435
Binary	01100111, 01101110, 00001010

#676e0a
```
#676e0a rgb(103,110,10)
```
#110a6e
```
#110a6e rgb(17,10,110)
```

Complementary Color

#6e430a
```
#6e430a rgb(110,67,10)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#356e0a
```
#356e0a rgb(53,110,10)
```

Analogous Color

#430a6e
```
#430a6e rgb(67,10,110)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#0a356e
```
#0a356e rgb(10,53,110)
```

Split Complementary Color

#6e0a67
```
#6e0a67 rgb(110,10,103)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#0a676e
```
#0a676e rgb(10,103,110)
```

Triadic Color

#6e110a
```
#6e110a rgb(110,17,10)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#0a676e
```
#0a676e rgb(10,103,110)
```
#110a6e
```
#110a6e rgb(17,10,110)
```

Tetradic Color

#252804
```
#252804 rgb(37,40,4)
```
#3b3f06
```
#3b3f06 rgb(59,63,6)
```
#515708
```
#515708 rgb(81,87,8)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#7d850c
```
#7d850c rgb(125,133,12)
```
#939d0e
```
#939d0e rgb(147,157,14)
```
#a9b410
```
#a9b410 rgb(169,180,16)
```

Monochromatic Color

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

#6e5c0a
```
#6e5c0a rgb(110,92,10)
```
#6e640a
```
#6e640a rgb(110,100,10)
```
#6e6d0a
```
#6e6d0a rgb(110,109,10)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#5f6e0a
```
#5f6e0a rgb(95,110,10)
```
#566e0a
```
#566e0a rgb(86,110,10)
```
#4e6e0a
```
#4e6e0a rgb(78,110,10)
```

Similar Colors

Text with hexadecimal color #676e0a

This text has a font color of #676e0a.

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

#676e0a background color

This paragraph has a background color of #676e0a.

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

#676e0a border color

This element has a border color of #676e0a.

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

CSS codes

.text {color:#676e0a;}

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

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131402
```
#131402 rgb(19,20,2)
```
#242603
```
#242603 rgb(36,38,3)
```
#343805
```
#343805 rgb(52,56,5)
```
#454a07
```
#454a07 rgb(69,74,7)
```
#565c08
```
#565c08 rgb(86,92,8)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#78800c
```
#78800c rgb(120,128,12)
```
#89920d
```
#89920d rgb(137,146,13)
```
#9aa40f
```
#9aa40f rgb(154,164,15)
```
#aab611
```
#aab611 rgb(170,182,17)
```
#bbc812
```
#bbc812 rgb(187,200,18)
```
#ccda14
```
#ccda14 rgb(204,218,20)
```

Shade Color Variation

#dbea17
```
#dbea17 rgb(219,234,23)
```
#deec29
```
#deec29 rgb(222,236,41)
```
#e1ed3b
```
#e1ed3b rgb(225,237,59)
```
#e4ef4d
```
#e4ef4d rgb(228,239,77)
```
#e6f05f
```
#e6f05f rgb(230,240,95)
```
#e9f271
```
#e9f271 rgb(233,242,113)
```
#ecf483
```
#ecf483 rgb(236,244,131)
```
#eff595
```
#eff595 rgb(239,245,149)
```
#f1f7a7
```
#f1f7a7 rgb(241,247,167)
```
#f4f9b9
```
#f4f9b9 rgb(244,249,185)
```
#f7facb
```
#f7facb rgb(247,250,203)
```
#fafcdd
```
#fafcdd rgb(250,252,221)
```
#fdfeef
```
#fdfeef rgb(253,254,239)
```

Tint Color Variation

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

#3f4038
```
#3f4038 rgb(63,64,56)
```
#434434
```
#434434 rgb(67,68,52)
```
#47492f
```
#47492f rgb(71,73,47)
```
#4b4e2a
```
#4b4e2a rgb(75,78,42)
```
#4f5226
```
#4f5226 rgb(79,82,38)
```
#535721
```
#535721 rgb(83,87,33)
```
#575c1c
```
#575c1c rgb(87,92,28)
```
#5b6018
```
#5b6018 rgb(91,96,24)
```
#5f6513
```
#5f6513 rgb(95,101,19)
```
#63690f
```
#63690f rgb(99,105,15)
```
#676e0a
```
#676e0a rgb(103,110,10)
```
#6b7305
```
#6b7305 rgb(107,115,5)
```
#6f7701
```
#6f7701 rgb(111,119,1)
```

Tone Color Variation

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

#616161 Achromatopsia 0.005% of the population
#626450 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7015 Protanopia 1% of men
#8c6b1e Deuteranopia 1% of men
#776d75 Tritanopia 0.001% of the population

Trichromacy

#756f11 Protanomaly 1% of men, 0.01% of women
#7e6c17 Deuteranomaly 6% of men, 0.4% of women
#716d4e Tritanomaly 0.01% of the population

#676e0a hex color

#676e0a Color Information

#676e0a Color Conversion

Color Schemes with #676e0a

Alternatives to #676e0a

#676e0a Preview

Shades and Tints of #676e0a

Tones of #676e0a

Color Blindness Simulator