#676b33 Color Information
In a RGB color space, hex #676b33 is composed of 40.4% red, 42% green and 20% blue. Whereas in a CMYK color space, it is composed of 3.7% cyan, 0% magenta, 52.3% yellow and 58% black. It has a hue angle of 64.3 degrees, a saturation of 35.4% and a lightness of 31%. #676b33 color hex could be obtained by blending #ced666 with #000000. Closest websafe color is: #666633.
-
- R 40
- G 42
- B 20
-
- C 4
- M 0
- Y 52
- K 58
● #676b33 color description : Very dark desaturated yellow.
#676b33 Color Conversion
The hexadecimal color #676b33 has RGB values of R:103, G:107, B:51 and CMYK values of C:0.04, M:0, Y:0.52, K:0.58. Its decimal value is 6777651.
Hex triplet | 676b33 | #676b33 |
---|---|---|
RGB Decimal | 103, 107, 51 | rgb(103,107,51) |
RGB Percent | 40.4, 42, 20 | rgb(40.4%,42%,20%) |
CMYK | 4, 0, 52, 58 | |
HSL | 64.3°, 35.4, 31 | hsl(64.3,35.4%,31%) |
HSV (or HSB) | 64.3°, 52.3, 42 | |
Web Safe | 666633 | #666633 |
CIE-LAB | 43.709, -10.437, 30.566 |
---|---|
XYZ | 11.449, 13.638, 5.161 |
xyY | 0.378, 0.451, 13.638 |
CIE-LCH | 43.709, 32.299, 108.853 |
CIE-LUV | 43.709, -0.014, 35.152 |
Hunter-Lab | 36.93, -9.29, 17.565 |
Binary | 01100111, 01101011, 00110011 |
Color Schemes with #676b33
Alternatives to #676b33
Below, you can see some colors close to #676b33. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#676b33 Preview
This text has a font color of #676b33.
<span style="color:#676b33;">Text here</span>
This paragraph has a background color of #676b33.
<p style="background-color:#676b33;">Content here</p>
This element has a border color of #676b33.
<div style="border:1px solid #676b33;">Content here</div>
.text {color:#676b33;}
.background {background-color:#676b33;}
.border {border:1px solid #676b33;}
Shades and Tints of #676b33
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 #f9f9f2 is the lightest one.
-
#010100
#010100
rgb(1,1,0)
-
#0d0e07
#0d0e07
rgb(13,14,7)
-
#1a1b0d
#1a1b0d
rgb(26,27,13)
-
#272913
#272913
rgb(39,41,19)
-
#34361a
#34361a
rgb(52,54,26)
-
#414320
#414320
rgb(65,67,32)
-
#4d5026
#4d5026
rgb(77,80,38)
-
#5a5e2d
#5a5e2d
rgb(90,94,45)
-
#676b33
#676b33
rgb(103,107,51)
-
#747839
#747839
rgb(116,120,57)
-
#818640
#818640
rgb(129,134,64)
-
#8d9346
#8d9346
rgb(141,147,70)
-
#9aa04c
#9aa04c
rgb(154,160,76)
-
#a7ad53
#a7ad53
rgb(167,173,83)
-
#adb360
#adb360
rgb(173,179,96)
-
#b4ba6e
#b4ba6e
rgb(180,186,110)
-
#bbc07b
#bbc07b
rgb(187,192,123)
-
#c2c688
#c2c688
rgb(194,198,136)
-
#c9cd95
#c9cd95
rgb(201,205,149)
-
#d0d3a3
#d0d3a3
rgb(208,211,163)
-
#d6d9b0
#d6d9b0
rgb(214,217,176)
-
#dde0bd
#dde0bd
rgb(221,224,189)
-
#e4e6cb
#e4e6cb
rgb(228,230,203)
-
#ebecd8
#ebecd8
rgb(235,236,216)
-
#f2f3e5
#f2f3e5
rgb(242,243,229)
-
#f9f9f2
#f9f9f2
rgb(249,249,242)
Tones of #676b33
A tone is produced by adding gray to any pure hue. In this case, #52534b is the less saturated color, while #919c02 is the most saturated one.
-
#52534b
#52534b
rgb(82,83,75)
-
#575945
#575945
rgb(87,89,69)
-
#5d5f3f
#5d5f3f
rgb(93,95,63)
-
#626539
#626539
rgb(98,101,57)
-
#676b33
#676b33
rgb(103,107,51)
-
#6c712d
#6c712d
rgb(108,113,45)
-
#717727
#717727
rgb(113,119,39)
-
#777d21
#777d21
rgb(119,125,33)
-
#7c831b
#7c831b
rgb(124,131,27)
-
#818915
#818915
rgb(129,137,21)
-
#868f0f
#868f0f
rgb(134,143,15)
-
#8b9608
#8b9608
rgb(139,150,8)
-
#919c02
#919c02
rgb(145,156,2)
Color Blindness Simulator
Below, you can see how #676b33 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.