#676822 Color Information
In a RGB color space, hex #676822 is composed of 40.4% red, 40.8% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 1% cyan, 0% magenta, 67.3% yellow and 59.2% black. It has a hue angle of 60.9 degrees, a saturation of 50.7% and a lightness of 27.1%. #676822 color hex could be obtained by blending #ced044 with #000000. Closest websafe color is: #666633.
-
- R 40
- G 41
- B 13
-
- C 1
- M 0
- Y 67
- K 59
● #676822 color description : Very dark yellow [Olive tone].
#676822 Color Conversion
The hexadecimal color #676822 has RGB values of R:103, G:104, B:34 and CMYK values of C:0.01, M:0, Y:0.67, K:0.59. Its decimal value is 6776866.
Hex triplet | 676822 | #676822 |
---|---|---|
RGB Decimal | 103, 104, 34 | rgb(103,104,34) |
RGB Percent | 40.4, 40.8, 13.3 | rgb(40.4%,40.8%,13.3%) |
CMYK | 1, 0, 67, 59 | |
HSL | 60.9°, 50.7, 27.1 | hsl(60.9,50.7%,27.1%) |
HSV (or HSB) | 60.9°, 67.3, 40.8 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 42.612, -10.218, 37.875 |
---|---|
XYZ | 10.833, 12.9, 3.433 |
xyY | 0.399, 0.475, 12.9 |
CIE-LCH | 42.612, 39.229, 105.099 |
CIE-LUV | 42.612, 2.241, 40.213 |
Hunter-Lab | 35.916, -9.017, 19.475 |
Binary | 01100111, 01101000, 00100010 |
Color Schemes with #676822
Alternatives to #676822
Below, you can see some colors close to #676822. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676822 Preview
This text has a font color of #676822.
<span style="color:#676822;">Text here</span>
This paragraph has a background color of #676822.
<p style="background-color:#676822;">Content here</p>
This element has a border color of #676822.
<div style="border:1px solid #676822;">Content here</div>
.text {color:#676822;}
.background {background-color:#676822;}
.border {border:1px solid #676822;}
Shades and Tints of #676822
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 #fafaf1 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0f0f05
#0f0f05
rgb(15,15,5)
-
#1e1e0a
#1e1e0a
rgb(30,30,10)
-
#2c2d0f
#2c2d0f
rgb(44,45,15)
-
#3b3c14
#3b3c14
rgb(59,60,20)
-
#4a4a18
#4a4a18
rgb(74,74,24)
-
#58591d
#58591d
rgb(88,89,29)
-
#676822
#676822
rgb(103,104,34)
-
#767727
#767727
rgb(118,119,39)
-
#84862c
#84862c
rgb(132,134,44)
-
#939430
#939430
rgb(147,148,48)
-
#a2a335
#a2a335
rgb(162,163,53)
-
#b0b23a
#b0b23a
rgb(176,178,58)
-
#bfc03f
#bfc03f
rgb(191,192,63)
-
#c3c54e
#c3c54e
rgb(195,197,78)
-
#c8ca5d
#c8ca5d
rgb(200,202,93)
-
#cdcf6c
#cdcf6c
rgb(205,207,108)
-
#d2d47a
#d2d47a
rgb(210,212,122)
-
#d7d989
#d7d989
rgb(215,217,137)
-
#dcdd98
#dcdd98
rgb(220,221,152)
-
#e1e2a7
#e1e2a7
rgb(225,226,167)
-
#e6e7b6
#e6e7b6
rgb(230,231,182)
-
#ebecc4
#ebecc4
rgb(235,236,196)
-
#f0f1d3
#f0f1d3
rgb(240,241,211)
-
#f5f6e2
#f5f6e2
rgb(245,246,226)
-
#fafaf1
#fafaf1
rgb(250,250,241)
Tones of #676822
A tone is produced by adding gray to any pure hue. In this case, #484842 is the less saturated color, while #868802 is the most saturated one.
-
#484842
#484842
rgb(72,72,66)
-
#4d4d3d
#4d4d3d
rgb(77,77,61)
-
#525337
#525337
rgb(82,83,55)
-
#585832
#585832
rgb(88,88,50)
-
#5d5d2d
#5d5d2d
rgb(93,93,45)
-
#626327
#626327
rgb(98,99,39)
-
#676822
#676822
rgb(103,104,34)
-
#6c6d1d
#6c6d1d
rgb(108,109,29)
-
#717317
#717317
rgb(113,115,23)
-
#767812
#767812
rgb(118,120,18)
-
#7c7d0d
#7c7d0d
rgb(124,125,13)
-
#818307
#818307
rgb(129,131,7)
-
#868802
#868802
rgb(134,136,2)
Color Blindness Simulator
Below, you can see how #676822 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.