#676a12 hex color

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

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

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

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

Hex triplet	676a12	`#676a12`
RGB Decimal	103, 106, 18	`rgb(103,106,18)`
RGB Percent	40.4, 41.6, 7.1	`rgb(40.4%,41.6%,7.1%)`
CMYK	3, 0, 83, 58
HSL	62°, 71, 24.3	`hsl(62,71%,24.3%)`
HSV (or HSB)	62°, 83, 41.6
Web Safe	666600	`#666600`

CIE-LAB	43.116, -12.21, 44.665
XYZ	10.857, 13.235, 2.555
xyY	0.407, 0.497, 13.235
CIE-LCH	43.116, 46.304, 105.289
CIE-LUV	43.116, 1.253, 45.101
Hunter-Lab	36.381, -10.398, 21.302
Binary	01100111, 01101010, 00010010

#676a12
```
#676a12 rgb(103,106,18)
```
#15126a
```
#15126a rgb(21,18,106)
```

Complementary Color

#6a4112
```
#6a4112 rgb(106,65,18)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#3b6a12
```
#3b6a12 rgb(59,106,18)
```

Analogous Color

#41126a
```
#41126a rgb(65,18,106)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#123b6a
```
#123b6a rgb(18,59,106)
```

Split Complementary Color

#6a1267
```
#6a1267 rgb(106,18,103)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#12676a
```
#12676a rgb(18,103,106)
```

Triadic Color

#6a1512
```
#6a1512 rgb(106,21,18)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#12676a
```
#12676a rgb(18,103,106)
```
#15126a
```
#15126a rgb(21,18,106)
```

Tetradic Color

#272907
```
#272907 rgb(39,41,7)
```
#3d3e0b
```
#3d3e0b rgb(61,62,11)
```
#52540e
```
#52540e rgb(82,84,14)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#7c8016
```
#7c8016 rgb(124,128,22)
```
#919619
```
#919619 rgb(145,150,25)
```
#a7ab1d
```
#a7ab1d rgb(167,171,29)
```

Monochromatic Color

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

#6a5712
```
#6a5712 rgb(106,87,18)
```
#6a5e12
```
#6a5e12 rgb(106,94,18)
```
#6a6612
```
#6a6612 rgb(106,102,18)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#606a12
```
#606a12 rgb(96,106,18)
```
#586a12
```
#586a12 rgb(88,106,18)
```
#516a12
```
#516a12 rgb(81,106,18)
```

Similar Colors

Text with hexadecimal color #676a12

This text has a font color of #676a12.

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

#676a12 background color

This paragraph has a background color of #676a12.

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

#676a12 border color

This element has a border color of #676a12.

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

CSS codes

.text {color:#676a12;}

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

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

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

#050501
```
#050501 rgb(5,5,1)
```
#161604
```
#161604 rgb(22,22,4)
```
#262707
```
#262707 rgb(38,39,7)
```
#363809
```
#363809 rgb(54,56,9)
```
#46480c
```
#46480c rgb(70,72,12)
```
#57590f
```
#57590f rgb(87,89,15)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#777b15
```
#777b15 rgb(119,123,21)
```
#888c18
```
#888c18 rgb(136,140,24)
```
#989c1b
```
#989c1b rgb(152,156,27)
```
#a8ad1d
```
#a8ad1d rgb(168,173,29)
```
#b8be20
```
#b8be20 rgb(184,190,32)
```
#c9cf23
```
#c9cf23 rgb(201,207,35)
```

Shade Color Variation

#d5db2a
```
#d5db2a rgb(213,219,42)
```
#d8de3b
```
#d8de3b rgb(216,222,59)
```
#dce14c
```
#dce14c rgb(220,225,76)
```
#dfe35d
```
#dfe35d rgb(223,227,93)
```
#e2e66d
```
#e2e66d rgb(226,230,109)
```
#e5e97e
```
#e5e97e rgb(229,233,126)
```
#e9ec8f
```
#e9ec8f rgb(233,236,143)
```
#ecefa0
```
#ecefa0 rgb(236,239,160)
```
#eff2b1
```
#eff2b1 rgb(239,242,177)
```
#f3f5c1
```
#f3f5c1 rgb(243,245,193)
```
#f6f7d2
```
#f6f7d2 rgb(246,247,210)
```
#f9fae3
```
#f9fae3 rgb(249,250,227)
```
#fdfdf4
```
#fdfdf4 rgb(253,253,244)
```

Tint Color Variation

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

#3f3f3d
```
#3f3f3d rgb(63,63,61)
```
#434438
```
#434438 rgb(67,68,56)
```
#484933
```
#484933 rgb(72,73,51)
```
#4c4d2f
```
#4c4d2f rgb(76,77,47)
```
#51522a
```
#51522a rgb(81,82,42)
```
#555725
```
#555725 rgb(85,87,37)
```
#5a5c20
```
#5a5c20 rgb(90,92,32)
```
#5e601c
```
#5e601c rgb(94,96,28)
```
#636517
```
#636517 rgb(99,101,23)
```
#676a12
```
#676a12 rgb(103,106,18)
```
#6b6f0d
```
#6b6f0d rgb(107,111,13)
```
#707408
```
#707408 rgb(112,116,8)
```
#747804
```
#747804 rgb(116,120,4)
```

Tone Color Variation

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

#5f5f5f Achromatopsia 0.005% of the population
#616150 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7a6e1d Protanopia 1% of men
#886823 Deuteranopia 1% of men
#766a71 Tritanopia 0.001% of the population

Trichromacy

#736c19 Protanomaly 1% of men, 0.01% of women
#7c691d Deuteranomaly 6% of men, 0.4% of women
#716a4f Tritanomaly 0.01% of the population

#676a12 hex color

#676a12 Color Information

#676a12 Color Conversion

Color Schemes with #676a12

Alternatives to #676a12

#676a12 Preview

Shades and Tints of #676a12

Tones of #676a12

Color Blindness Simulator