#676f12 hex color

In a RGB color space, hex #676f12 is composed of 40.4% red, 43.5% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 7.2% cyan, 0% magenta, 83.8% yellow and 56.5% black. It has a hue angle of 65.2 degrees, a saturation of 72.1% and a lightness of 25.3%. #676f12 color hex could be obtained by blending #cede24 with #000000. Closest websafe color is: #666600.

♥
- f
- t
- g
- R 40
- G 44
- B 7
RGB color chart
- C 7
- M 0
- Y 84
- K 56
CMYK color chart

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

The hexadecimal color #676f12 has RGB values of R:103, G:111, B:18 and CMYK values of C:0.07, M:0, Y:0.84, K:0.56. Its decimal value is 6778642.

Hex triplet	676f12	`#676f12`
RGB Decimal	103, 111, 18	`rgb(103,111,18)`
RGB Percent	40.4, 43.5, 7.1	`rgb(40.4%,43.5%,7.1%)`
CMYK	7, 0, 84, 56
HSL	65.2°, 72.1, 25.3	`hsl(65.2,72.1%,25.3%)`
HSV (or HSB)	65.2°, 83.8, 43.5
Web Safe	666600	`#666600`

CIE-LAB	44.655, -14.955, 46.027
XYZ	11.387, 14.296, 2.732
xyY	0.401, 0.503, 14.296
CIE-LCH	44.655, 48.396, 108
CIE-LUV	44.655, -1.863, 47.287
Hunter-Lab	37.81, -12.41, 22.183
Binary	01100111, 01101111, 00010010

#676f12
```
#676f12 rgb(103,111,18)
```
#1a126f
```
#1a126f rgb(26,18,111)
```

Complementary Color

#6f4912
```
#6f4912 rgb(111,73,18)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#396f12
```
#396f12 rgb(57,111,18)
```

Analogous Color

#49126f
```
#49126f rgb(73,18,111)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#12396f
```
#12396f rgb(18,57,111)
```

Split Complementary Color

#6f1267
```
#6f1267 rgb(111,18,103)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#12676f
```
#12676f rgb(18,103,111)
```

Triadic Color

#6f1a12
```
#6f1a12 rgb(111,26,18)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#12676f
```
#12676f rgb(18,103,111)
```
#1a126f
```
#1a126f rgb(26,18,111)
```

Tetradic Color

#2a2d07
```
#2a2d07 rgb(42,45,7)
```
#3e430b
```
#3e430b rgb(62,67,11)
```
#53590e
```
#53590e rgb(83,89,14)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#7b8516
```
#7b8516 rgb(123,133,22)
```
#909b19
```
#909b19 rgb(144,155,25)
```
#a4b11d
```
#a4b11d rgb(164,177,29)
```

Monochromatic Color

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

#6f6012
```
#6f6012 rgb(111,96,18)
```
#6f6812
```
#6f6812 rgb(111,104,18)
```
#6f6f12
```
#6f6f12 rgb(111,111,18)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#5f6f12
```
#5f6f12 rgb(95,111,18)
```
#576f12
```
#576f12 rgb(87,111,18)
```
#506f12
```
#506f12 rgb(80,111,18)
```

Similar Colors

Text with hexadecimal color #676f12

This text has a font color of #676f12.

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

#676f12 background color

This paragraph has a background color of #676f12.

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

#676f12 border color

This element has a border color of #676f12.

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

CSS codes

.text {color:#676f12;}

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

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

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, #090a02 is the darkest color, while #fdfef8 is the lightest one.

#090a02
```
#090a02 rgb(9,10,2)
```
#191b04
```
#191b04 rgb(25,27,4)
```
#282b07
```
#282b07 rgb(40,43,7)
```
#383c0a
```
#383c0a rgb(56,60,10)
```
#484d0d
```
#484d0d rgb(72,77,13)
```
#575e0f
```
#575e0f rgb(87,94,15)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#778015
```
#778015 rgb(119,128,21)
```
#869117
```
#869117 rgb(134,145,23)
```
#96a21a
```
#96a21a rgb(150,162,26)
```
#a6b31d
```
#a6b31d rgb(166,179,29)
```
#b5c320
```
#b5c320 rgb(181,195,32)
```
#c5d422
```
#c5d422 rgb(197,212,34)
```

Shade Color Variation

#cedd2d
```
#cedd2d rgb(206,221,45)
```
#d2e03e
```
#d2e03e rgb(210,224,62)
```
#d6e24f
```
#d6e24f rgb(214,226,79)
```
#dae560
```
#dae560 rgb(218,229,96)
```
#dee871
```
#dee871 rgb(222,232,113)
```
#e2eb82
```
#e2eb82 rgb(226,235,130)
```
#e6ed93
```
#e6ed93 rgb(230,237,147)
```
#eaf0a3
```
#eaf0a3 rgb(234,240,163)
```
#eef3b4
```
#eef3b4 rgb(238,243,180)
```
#f1f6c5
```
#f1f6c5 rgb(241,246,197)
```
#f5f8d6
```
#f5f8d6 rgb(245,248,214)
```
#f9fbe7
```
#f9fbe7 rgb(249,251,231)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #42423f is the less saturated color, while #737e03 is the most saturated one.

#42423f
```
#42423f rgb(66,66,63)
```
#46473a
```
#46473a rgb(70,71,58)
```
#4a4c35
```
#4a4c35 rgb(74,76,53)
```
#4e5130
```
#4e5130 rgb(78,81,48)
```
#52562b
```
#52562b rgb(82,86,43)
```
#575b26
```
#575b26 rgb(87,91,38)
```
#5b6021
```
#5b6021 rgb(91,96,33)
```
#5f651c
```
#5f651c rgb(95,101,28)
```
#636a17
```
#636a17 rgb(99,106,23)
```
#676f12
```
#676f12 rgb(103,111,18)
```
#6b740d
```
#6b740d rgb(107,116,13)
```
#6f7908
```
#6f7908 rgb(111,121,8)
```
#737e03
```
#737e03 rgb(115,126,3)
```

Tone Color Variation

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

#626262 Achromatopsia 0.005% of the population
#636552 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e711d Protanopia 1% of men
#8c6c24 Deuteranopia 1% of men
#776e76 Tritanopia 0.001% of the population

Trichromacy

#767019 Protanomaly 1% of men, 0.01% of women
#7f6d1d Deuteranomaly 6% of men, 0.4% of women
#716e52 Tritanomaly 0.01% of the population

#676f12 hex color

#676f12 Color Information

#676f12 Color Conversion

Color Schemes with #676f12

Alternatives to #676f12

#676f12 Preview

Shades and Tints of #676f12

Tones of #676f12

Color Blindness Simulator