#684a2c Color Information
In a RGB color space, hex #684a2c is composed of 40.8% red, 29% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.8% magenta, 57.7% yellow and 59.2% black. It has a hue angle of 30 degrees, a saturation of 40.5% and a lightness of 29%. #684a2c color hex could be obtained by blending #d09458 with #000000. Closest websafe color is: #663333.
-
- R 41
- G 29
- B 17
-
- C 0
- M 29
- Y 58
- K 59
● #684a2c color description : Very dark desaturated orange.
#684a2c Color Conversion
The hexadecimal color #684a2c has RGB values of R:104, G:74, B:44 and CMYK values of C:0, M:0.29, Y:0.58, K:0.59. Its decimal value is 6834732.
Hex triplet | 684a2c | #684a2c |
---|---|---|
RGB Decimal | 104, 74, 44 | rgb(104,74,44) |
RGB Percent | 40.8, 29, 17.3 | rgb(40.8%,29%,17.3%) |
CMYK | 0, 29, 58, 59 | |
HSL | 30°, 40.5, 29 | hsl(30,40.5%,29%) |
HSV (or HSB) | 30°, 57.7, 40.8 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 34.031, 8.928, 22.803 |
---|---|
XYZ | 8.612, 8.023, 3.478 |
xyY | 0.428, 0.399, 8.023 |
CIE-LCH | 34.031, 24.489, 68.618 |
CIE-LUV | 34.031, 21.813, 21.979 |
Hunter-Lab | 28.325, 4.706, 12.548 |
Binary | 01101000, 01001010, 00101100 |
Color Schemes with #684a2c
Alternatives to #684a2c
Below, you can see some colors close to #684a2c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684a2c Preview
This text has a font color of #684a2c.
<span style="color:#684a2c;">Text here</span>
This paragraph has a background color of #684a2c.
<p style="background-color:#684a2c;">Content here</p>
This element has a border color of #684a2c.
<div style="border:1px solid #684a2c;">Content here</div>
.text {color:#684a2c;}
.background {background-color:#684a2c;}
.border {border:1px solid #684a2c;}
Shades and Tints of #684a2c
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, #080503 is the darkest color, while #fcfbf9 is the lightest one.
-
#080503
#080503
rgb(8,5,3)
-
#150f09
#150f09
rgb(21,15,9)
-
#23190f
#23190f
rgb(35,25,15)
-
#312315
#312315
rgb(49,35,21)
-
#3f2d1b
#3f2d1b
rgb(63,45,27)
-
#4c3620
#4c3620
rgb(76,54,32)
-
#5a4026
#5a4026
rgb(90,64,38)
-
#684a2c
#684a2c
rgb(104,74,44)
-
#765432
#765432
rgb(118,84,50)
-
#845e38
#845e38
rgb(132,94,56)
-
#91673d
#91673d
rgb(145,103,61)
-
#9f7143
#9f7143
rgb(159,113,67)
-
#ad7b49
#ad7b49
rgb(173,123,73)
-
#b68553
#b68553
rgb(182,133,83)
-
#bc8f61
#bc8f61
rgb(188,143,97)
-
#c2986f
#c2986f
rgb(194,152,111)
-
#c8a27d
#c8a27d
rgb(200,162,125)
-
#ceac8a
#ceac8a
rgb(206,172,138)
-
#d4b698
#d4b698
rgb(212,182,152)
-
#d9c0a6
#d9c0a6
rgb(217,192,166)
-
#dfcab4
#dfcab4
rgb(223,202,180)
-
#e5d3c2
#e5d3c2
rgb(229,211,194)
-
#ebddcf
#ebddcf
rgb(235,221,207)
-
#f1e7dd
#f1e7dd
rgb(241,231,221)
-
#f7f1eb
#f7f1eb
rgb(247,241,235)
-
#fcfbf9
#fcfbf9
rgb(252,251,249)
Tones of #684a2c
A tone is produced by adding gray to any pure hue. In this case, #4c4a48 is the less saturated color, while #904a04 is the most saturated one.
-
#4c4a48
#4c4a48
rgb(76,74,72)
-
#514a43
#514a43
rgb(81,74,67)
-
#574a3d
#574a3d
rgb(87,74,61)
-
#5d4a37
#5d4a37
rgb(93,74,55)
-
#624a32
#624a32
rgb(98,74,50)
-
#684a2c
#684a2c
rgb(104,74,44)
-
#6e4a26
#6e4a26
rgb(110,74,38)
-
#734a21
#734a21
rgb(115,74,33)
-
#794a1b
#794a1b
rgb(121,74,27)
-
#7f4a15
#7f4a15
rgb(127,74,21)
-
#844a10
#844a10
rgb(132,74,16)
-
#8a4a0a
#8a4a0a
rgb(138,74,10)
-
#904a04
#904a04
rgb(144,74,4)
Color Blindness Simulator
Below, you can see how #684a2c 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.