#676b1f hex color

In a RGB color space, hex #676b1f is composed of 40.4% red, 42% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 71% yellow and 58% black. It has a hue angle of 63.2 degrees, a saturation of 55.1% and a lightness of 27.1%. #676b1f color hex could be obtained by blending #ced63e with #000000. Closest websafe color is: #666633.

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

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

The hexadecimal color #676b1f has RGB values of R:103, G:107, B:31 and CMYK values of C:0.04, M:0, Y:0.71, K:0.58. Its decimal value is 6777631.

Hex triplet	676b1f	`#676b1f`
RGB Decimal	103, 107, 31	`rgb(103,107,31)`
RGB Percent	40.4, 42, 12.2	`rgb(40.4%,42%,12.2%)`
CMYK	4, 0, 71, 58
HSL	63.2°, 55.1, 27.1	`hsl(63.2,55.1%,27.1%)`
HSV (or HSB)	63.2°, 71, 42
Web Safe	666633	`#666633`

CIE-LAB	43.504, -12.096, 40.13
XYZ	11.099, 13.498, 3.317
xyY	0.398, 0.484, 13.498
CIE-LCH	43.504, 41.914, 106.774
CIE-LUV	43.504, 0.438, 42.507
Hunter-Lab	36.74, -10.372, 20.365
Binary	01100111, 01101011, 00011111

#676b1f
```
#676b1f rgb(103,107,31)
```
#231f6b
```
#231f6b rgb(35,31,107)
```

Complementary Color

#6b491f
```
#6b491f rgb(107,73,31)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#416b1f
```
#416b1f rgb(65,107,31)
```

Analogous Color

#491f6b
```
#491f6b rgb(73,31,107)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#1f416b
```
#1f416b rgb(31,65,107)
```

Split Complementary Color

#6b1f67
```
#6b1f67 rgb(107,31,103)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#1f676b
```
#1f676b rgb(31,103,107)
```

Triadic Color

#6b231f
```
#6b231f rgb(107,35,31)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#1f676b
```
#1f676b rgb(31,103,107)
```
#231f6b
```
#231f6b rgb(35,31,107)
```

Tetradic Color

#2e300e
```
#2e300e rgb(46,48,14)
```
#414314
```
#414314 rgb(65,67,20)
```
#545719
```
#545719 rgb(84,87,25)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#7a7f25
```
#7a7f25 rgb(122,127,37)
```
#8d932a
```
#8d932a rgb(141,147,42)
```
#a0a630
```
#a0a630 rgb(160,166,48)
```

Monochromatic Color

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

#6b5c1f
```
#6b5c1f rgb(107,92,31)
```
#6b621f
```
#6b621f rgb(107,98,31)
```
#6b691f
```
#6b691f rgb(107,105,31)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#616b1f
```
#616b1f rgb(97,107,31)
```
#5a6b1f
```
#5a6b1f rgb(90,107,31)
```
#546b1f
```
#546b1f rgb(84,107,31)
```

Similar Colors

Text with hexadecimal color #676b1f

This text has a font color of #676b1f.

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

#676b1f background color

This paragraph has a background color of #676b1f.

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

#676b1f border color

This element has a border color of #676b1f.

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

CSS codes

.text {color:#676b1f;}

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

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0f1005
```
#0f1005 rgb(15,16,5)
```
#1e1f09
```
#1e1f09 rgb(30,31,9)
```
#2c2e0d
```
#2c2e0d rgb(44,46,13)
```
#3b3d12
```
#3b3d12 rgb(59,61,18)
```
#4a4d16
```
#4a4d16 rgb(74,77,22)
```
#585c1b
```
#585c1b rgb(88,92,27)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#767a23
```
#767a23 rgb(118,122,35)
```
#848928
```
#848928 rgb(132,137,40)
```
#93992c
```
#93992c rgb(147,153,44)
```
#a2a831
```
#a2a831 rgb(162,168,49)
```
#b0b735
```
#b0b735 rgb(176,183,53)
```

Shade Color Variation

#bfc63a
```
#bfc63a rgb(191,198,58)
```
#c3ca49
```
#c3ca49 rgb(195,202,73)
```
#c8cf58
```
#c8cf58 rgb(200,207,88)
```
#cdd367
```
#cdd367 rgb(205,211,103)
```
#d2d777
```
#d2d777 rgb(210,215,119)
```
#d7dc86
```
#d7dc86 rgb(215,220,134)
```
#dce095
```
#dce095 rgb(220,224,149)
```
#e1e5a4
```
#e1e5a4 rgb(225,229,164)
```
#e6e9b3
```
#e6e9b3 rgb(230,233,179)
```
#ebeec3
```
#ebeec3 rgb(235,238,195)
```
#f0f2d2
```
#f0f2d2 rgb(240,242,210)
```
#f5f6e1
```
#f5f6e1 rgb(245,246,225)
```
#fafbf0
```
#fafbf0 rgb(250,251,240)
```

Tint Color Variation

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

#464644
```
#464644 rgb(70,70,68)
```
#4b4b3f
```
#4b4b3f rgb(75,75,63)
```
#4f503a
```
#4f503a rgb(79,80,58)
```
#545634
```
#545634 rgb(84,86,52)
```
#595b2f
```
#595b2f rgb(89,91,47)
```
#5e602a
```
#5e602a rgb(94,96,42)
```
#626624
```
#626624 rgb(98,102,36)
```
#676b1f
```
#676b1f rgb(103,107,31)
```
#6c701a
```
#6c701a rgb(108,112,26)
```
#707614
```
#707614 rgb(112,118,20)
```
#757b0f
```
#757b0f rgb(117,123,15)
```
#7a800a
```
#7a800a rgb(122,128,10)
```
#7f8604
```
#7f8604 rgb(127,134,4)
```

Tone Color Variation

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

Dichromacy

#7b6e29 Protanopia 1% of men
#88692e Deuteranopia 1% of men
#766b73 Tritanopia 0.001% of the population

Trichromacy

#736d25 Protanomaly 1% of men, 0.01% of women
#7c6a28 Deuteranomaly 6% of men, 0.4% of women
#706b54 Tritanomaly 0.01% of the population

#676b1f hex color

#676b1f Color Information

#676b1f Color Conversion

Color Schemes with #676b1f

Alternatives to #676b1f

#676b1f Preview

Shades and Tints of #676b1f

Tones of #676b1f

Color Blindness Simulator