#676b16 hex color

In a RGB color space, hex #676b16 is composed of 40.4% red, 42% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 79.4% yellow and 58% black. It has a hue angle of 62.8 degrees, a saturation of 65.9% and a lightness of 25.3%. #676b16 color hex could be obtained by blending #ced62c with #000000. Closest websafe color is: #666600.

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

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

The hexadecimal color #676b16 has RGB values of R:103, G:107, B:22 and CMYK values of C:0.04, M:0, Y:0.79, K:0.58. Its decimal value is 6777622.

Hex triplet	676b16	`#676b16`
RGB Decimal	103, 107, 22	`rgb(103,107,22)`
RGB Percent	40.4, 42, 8.6	`rgb(40.4%,42%,8.6%)`
CMYK	4, 0, 79, 58
HSL	62.8°, 65.9, 25.3	`hsl(62.8,65.9%,25.3%)`
HSV (or HSB)	62.8°, 79.4, 42
Web Safe	666600	`#666600`

CIE-LAB	43.444, -12.591, 43.617
XYZ	10.996, 13.457, 2.777
xyY	0.404, 0.494, 13.457
CIE-LCH	43.444, 45.398, 106.102
CIE-LUV	43.444, 0.575, 44.749
Hunter-Lab	36.684, -10.691, 21.19
Binary	01100111, 01101011, 00010110

#676b16
```
#676b16 rgb(103,107,22)
```
#1a166b
```
#1a166b rgb(26,22,107)
```

Complementary Color

#6b4516
```
#6b4516 rgb(107,69,22)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#3d6b16
```
#3d6b16 rgb(61,107,22)
```

Analogous Color

#45166b
```
#45166b rgb(69,22,107)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#163d6b
```
#163d6b rgb(22,61,107)
```

Split Complementary Color

#6b1667
```
#6b1667 rgb(107,22,103)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#16676b
```
#16676b rgb(22,103,107)
```

Triadic Color

#6b1a16
```
#6b1a16 rgb(107,26,22)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#16676b
```
#16676b rgb(22,103,107)
```
#1a166b
```
#1a166b rgb(26,22,107)
```

Tetradic Color

#2a2c09
```
#2a2c09 rgb(42,44,9)
```
#3e410d
```
#3e410d rgb(62,65,13)
```
#535612
```
#535612 rgb(83,86,18)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#7b801a
```
#7b801a rgb(123,128,26)
```
#90951f
```
#90951f rgb(144,149,31)
```
#a4aa23
```
#a4aa23 rgb(164,170,35)
```

Monochromatic Color

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

#6b5a16
```
#6b5a16 rgb(107,90,22)
```
#6b6116
```
#6b6116 rgb(107,97,22)
```
#6b6816
```
#6b6816 rgb(107,104,22)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#606b16
```
#606b16 rgb(96,107,22)
```
#596b16
```
#596b16 rgb(89,107,22)
```
#526b16
```
#526b16 rgb(82,107,22)
```

Similar Colors

Text with hexadecimal color #676b16

This text has a font color of #676b16.

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

#676b16 background color

This paragraph has a background color of #676b16.

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

#676b16 border color

This element has a border color of #676b16.

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

CSS codes

.text {color:#676b16;}

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

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

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

#090902
```
#090902 rgb(9,9,2)
```
#191a05
```
#191a05 rgb(25,26,5)
```
#282a09
```
#282a09 rgb(40,42,9)
```
#383a0c
```
#383a0c rgb(56,58,12)
```
#484a0f
```
#484a0f rgb(72,74,15)
```
#575b13
```
#575b13 rgb(87,91,19)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#777b19
```
#777b19 rgb(119,123,25)
```
#868c1d
```
#868c1d rgb(134,140,29)
```
#969c20
```
#969c20 rgb(150,156,32)
```
#a6ac23
```
#a6ac23 rgb(166,172,35)
```
#b5bc27
```
#b5bc27 rgb(181,188,39)
```
#c5cd2a
```
#c5cd2a rgb(197,205,42)
```

Shade Color Variation

#ced535
```
#ced535 rgb(206,213,53)
```
#d2d945
```
#d2d945 rgb(210,217,69)
```
#d6dc55
```
#d6dc55 rgb(214,220,85)
```
#dadf66
```
#dadf66 rgb(218,223,102)
```
#dee376
```
#dee376 rgb(222,227,118)
```
#e2e686
```
#e2e686 rgb(226,230,134)
```
#e6ea96
```
#e6ea96 rgb(230,234,150)
```
#eaeda7
```
#eaeda7 rgb(234,237,167)
```
#eef0b7
```
#eef0b7 rgb(238,240,183)
```
#f1f4c7
```
#f1f4c7 rgb(241,244,199)
```
#f5f7d8
```
#f5f7d8 rgb(245,247,216)
```
#f9fae8
```
#f9fae8 rgb(249,250,232)
```
#fdfef8
```
#fdfef8 rgb(253,254,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #43433e is the less saturated color, while #797f02 is the most saturated one.

#43433e
```
#43433e rgb(67,67,62)
```
#484839
```
#484839 rgb(72,72,57)
```
#4c4d34
```
#4c4d34 rgb(76,77,52)
```
#51522f
```
#51522f rgb(81,82,47)
```
#55572a
```
#55572a rgb(85,87,42)
```
#5a5c25
```
#5a5c25 rgb(90,92,37)
```
#5e6120
```
#5e6120 rgb(94,97,32)
```
#63661b
```
#63661b rgb(99,102,27)
```
#676b16
```
#676b16 rgb(103,107,22)
```
#6b7011
```
#6b7011 rgb(107,112,17)
```
#70750c
```
#70750c rgb(112,117,12)
```
#747a07
```
#747a07 rgb(116,122,7)
```
#797f02
```
#797f02 rgb(121,127,2)
```

Tone Color Variation

Below, you can see how #676b16 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
#616251 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b6e21 Protanopia 1% of men
#896926 Deuteranopia 1% of men
#766b73 Tritanopia 0.001% of the population

Trichromacy

#746d1d Protanomaly 1% of men, 0.01% of women
#7c6920 Deuteranomaly 6% of men, 0.4% of women
#716b51 Tritanomaly 0.01% of the population

#676b16 hex color

#676b16 Color Information

#676b16 Color Conversion

Color Schemes with #676b16

Alternatives to #676b16

#676b16 Preview

Shades and Tints of #676b16

Tones of #676b16

Color Blindness Simulator