#676a00 hex color

In a RGB color space, hex #676a00 is composed of 40.4% red, 41.6% green and 0% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 100% yellow and 58.4% black. It has a hue angle of 61.7 degrees, a saturation of 100% and a lightness of 20.8%. #676a00 color hex could be obtained by blending #ced400 with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #676a00 has RGB values of R:103, G:106, B:0 and CMYK values of C:0.03, M:0, Y:1, K:0.58. Its decimal value is 6777344.

Hex triplet	676a00	`#676a00`
RGB Decimal	103, 106, 0	`rgb(103,106,0)`
RGB Percent	40.4, 41.6, 0	`rgb(40.4%,41.6%,0%)`
CMYK	3, 0, 100, 58
HSL	61.7°, 100, 20.8	`hsl(61.7,100%,20.8%)`
HSV (or HSB)	61.7°, 100, 41.6
Web Safe	666600	`#666600`

CIE-LAB	43.051, -12.745, 49.217
XYZ	10.748, 13.192, 1.98
xyY	0.415, 0.509, 13.192
CIE-LCH	43.051, 50.841, 104.519
CIE-LUV	43.051, 1.411, 47.57
Hunter-Lab	36.32, -10.741, 22.192
Binary	01100111, 01101010, 00000000

#676a00
```
#676a00 rgb(103,106,0)
```
#03006a
```
#03006a rgb(3,0,106)
```

Complementary Color

#6a3800
```
#6a3800 rgb(106,56,0)
```
#676a00
```
#676a00 rgb(103,106,0)
```
#326a00
```
#326a00 rgb(50,106,0)
```

Analogous Color

#38006a
```
#38006a rgb(56,0,106)
```
#676a00
```
#676a00 rgb(103,106,0)
```
#00326a
```
#00326a rgb(0,50,106)
```

Split Complementary Color

#6a0067
```
#6a0067 rgb(106,0,103)
```
#676a00
```
#676a00 rgb(103,106,0)
```
#00676a
```
#00676a rgb(0,103,106)
```

Triadic Color

#6a0300
```
#6a0300 rgb(106,3,0)
```
#676a00
```
#676a00 rgb(103,106,0)
```
#00676a
```
#00676a rgb(0,103,106)
```
#03006a
```
#03006a rgb(3,0,106)
```

Tetradic Color

#1d1e00
```
#1d1e00 rgb(29,30,0)
```
#353700
```
#353700 rgb(53,55,0)
```
#4e5100
```
#4e5100 rgb(78,81,0)
```
#676a00
```
#676a00 rgb(103,106,0)
```
#808400
```
#808400 rgb(128,132,0)
```
#999d00
```
#999d00 rgb(153,157,0)
```
#b1b700
```
#b1b700 rgb(177,183,0)
```

Monochromatic Color

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

#6a5300
```
#6a5300 rgb(106,83,0)
```
#6a5b00
```
#6a5b00 rgb(106,91,0)
```
#6a6400
```
#6a6400 rgb(106,100,0)
```
#676a00
```
#676a00 rgb(103,106,0)
```
#5e6a00
```
#5e6a00 rgb(94,106,0)
```
#556a00
```
#556a00 rgb(85,106,0)
```
#4d6a00
```
#4d6a00 rgb(77,106,0)
```

Similar Colors

Text with hexadecimal color #676a00

This text has a font color of #676a00.

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

#676a00 background color

This paragraph has a background color of #676a00.

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

#676a00 border color

This element has a border color of #676a00.

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

CSS codes

.text {color:#676a00;}

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

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

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

#080800
```
#080800 rgb(8,8,0)
```
#1b1c00
```
#1b1c00 rgb(27,28,0)
```
#2e2f00
```
#2e2f00 rgb(46,47,0)
```
#414300
```
#414300 rgb(65,67,0)
```
#545600
```
#545600 rgb(84,86,0)
```
#676a00
```
#676a00 rgb(103,106,0)
```
#7a7e00
```
#7a7e00 rgb(122,126,0)
```
#8d9100
```
#8d9100 rgb(141,145,0)
```
#a0a500
```
#a0a500 rgb(160,165,0)
```
#b3b800
```
#b3b800 rgb(179,184,0)
```
#c6cc00
```
#c6cc00 rgb(198,204,0)
```
#d9e000
```
#d9e000 rgb(217,224,0)
```
#ecf300
```
#ecf300 rgb(236,243,0)
```

Shade Color Variation

#f8ff08
```
#f8ff08 rgb(248,255,8)
```
#f9ff1c
```
#f9ff1c rgb(249,255,28)
```
#f9ff2f
```
#f9ff2f rgb(249,255,47)
```
#faff43
```
#faff43 rgb(250,255,67)
```
#faff56
```
#faff56 rgb(250,255,86)
```
#fbff6a
```
#fbff6a rgb(251,255,106)
```
#fbff7e
```
#fbff7e rgb(251,255,126)
```
#fcff91
```
#fcff91 rgb(252,255,145)
```
#fcffa5
```
#fcffa5 rgb(252,255,165)
```
#fdffb8
```
#fdffb8 rgb(253,255,184)
```
#feffcc
```
#feffcc rgb(254,255,204)
```
#feffe0
```
#feffe0 rgb(254,255,224)
```
#fffff3
```
#fffff3 rgb(255,255,243)
```

Tint Color Variation

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

#393931
```
#393931 rgb(57,57,49)
```
#3d3d2d
```
#3d3d2d rgb(61,61,45)
```
#414129
```
#414129 rgb(65,65,41)
```
#444525
```
#444525 rgb(68,69,37)
```
#484921
```
#484921 rgb(72,73,33)
```
#4c4d1d
```
#4c4d1d rgb(76,77,29)
```
#505218
```
#505218 rgb(80,82,24)
```
#545614
```
#545614 rgb(84,86,20)
```
#585a10
```
#585a10 rgb(88,90,16)
```
#5b5e0c
```
#5b5e0c rgb(91,94,12)
```
#5f6208
```
#5f6208 rgb(95,98,8)
```
#636604
```
#636604 rgb(99,102,4)
```
#676a00
```
#676a00 rgb(103,106,0)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5f604a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6d00 Protanopia 1% of men
#886815 Deuteranopia 1% of men
#776a71 Tritanopia 0.001% of the population

Trichromacy

#736c00 Protanomaly 1% of men, 0.01% of women
#7c680d Deuteranomaly 6% of men, 0.4% of women
#716a48 Tritanomaly 0.01% of the population

#676a00 hex color

#676a00 Color Information

#676a00 Color Conversion

Color Schemes with #676a00

Alternatives to #676a00

#676a00 Preview

Shades and Tints of #676a00

Tones of #676a00

Color Blindness Simulator