#684a2a Color Information
In a RGB color space, hex #684a2a is composed of 40.8% red, 29% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 28.8% magenta, 59.6% yellow and 59.2% black. It has a hue angle of 31 degrees, a saturation of 42.5% and a lightness of 28.6%. #684a2a color hex could be obtained by blending #d09454 with #000000. Closest websafe color is: #663333.
-
- R 41
- G 29
- B 16
-
- C 0
- M 29
- Y 60
- K 59
● #684a2a color description : Very dark desaturated orange.
#684a2a Color Conversion
The hexadecimal color #684a2a has RGB values of R:104, G:74, B:42 and CMYK values of C:0, M:0.29, Y:0.6, K:0.59. Its decimal value is 6834730.
Hex triplet | 684a2a | #684a2a |
---|---|---|
RGB Decimal | 104, 74, 42 | rgb(104,74,42) |
RGB Percent | 40.8, 29, 16.5 | rgb(40.8%,29%,16.5%) |
CMYK | 0, 29, 60, 59 | |
HSL | 31°, 42.5, 28.6 | hsl(31,42.5%,28.6%) |
HSV (or HSB) | 31°, 59.6, 40.8 | |
Web Safe | 663333 | #663333 |
CIE-LAB | 34, 8.74, 23.949 |
---|---|
XYZ | 8.576, 8.008, 3.284 |
xyY | 0.432, 0.403, 8.008 |
CIE-LCH | 34, 25.494, 69.95 |
CIE-LUV | 34, 21.985, 22.921 |
Hunter-Lab | 28.299, 4.57, 12.928 |
Binary | 01101000, 01001010, 00101010 |
Color Schemes with #684a2a
Alternatives to #684a2a
Below, you can see some colors close to #684a2a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684a2a Preview
This text has a font color of #684a2a.
<span style="color:#684a2a;">Text here</span>
This paragraph has a background color of #684a2a.
<p style="background-color:#684a2a;">Content here</p>
This element has a border color of #684a2a.
<div style="border:1px solid #684a2a;">Content here</div>
.text {color:#684a2a;}
.background {background-color:#684a2a;}
.border {border:1px solid #684a2a;}
Shades and Tints of #684a2a
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, #060403 is the darkest color, while #fcfaf7 is the lightest one.
-
#060403
#060403
rgb(6,4,3)
-
#140e08
#140e08
rgb(20,14,8)
-
#22180e
#22180e
rgb(34,24,14)
-
#302213
#302213
rgb(48,34,19)
-
#3e2c19
#3e2c19
rgb(62,44,25)
-
#4c361f
#4c361f
rgb(76,54,31)
-
#5a4024
#5a4024
rgb(90,64,36)
-
#684a2a
#684a2a
rgb(104,74,42)
-
#765430
#765430
rgb(118,84,48)
-
#845e35
#845e35
rgb(132,94,53)
-
#92683b
#92683b
rgb(146,104,59)
-
#a07241
#a07241
rgb(160,114,65)
-
#ae7c46
#ae7c46
rgb(174,124,70)
-
#b88650
#b88650
rgb(184,134,80)
-
#be8f5e
#be8f5e
rgb(190,143,94)
-
#c3996b
#c3996b
rgb(195,153,107)
-
#c9a379
#c9a379
rgb(201,163,121)
-
#cfac87
#cfac87
rgb(207,172,135)
-
#d4b695
#d4b695
rgb(212,182,149)
-
#dac0a3
#dac0a3
rgb(218,192,163)
-
#e0c9b1
#e0c9b1
rgb(224,201,177)
-
#e5d3bf
#e5d3bf
rgb(229,211,191)
-
#ebddcd
#ebddcd
rgb(235,221,205)
-
#f1e6db
#f1e6db
rgb(241,230,219)
-
#f6f0e9
#f6f0e9
rgb(246,240,233)
-
#fcfaf7
#fcfaf7
rgb(252,250,247)
Tones of #684a2a
A tone is produced by adding gray to any pure hue. In this case, #4c4946 is the less saturated color, while #8f4b03 is the most saturated one.
-
#4c4946
#4c4946
rgb(76,73,70)
-
#524940
#524940
rgb(82,73,64)
-
#57493b
#57493b
rgb(87,73,59)
-
#5d4a35
#5d4a35
rgb(93,74,53)
-
#624a30
#624a30
rgb(98,74,48)
-
#684a2a
#684a2a
rgb(104,74,42)
-
#6e4a24
#6e4a24
rgb(110,74,36)
-
#734a1f
#734a1f
rgb(115,74,31)
-
#794b19
#794b19
rgb(121,75,25)
-
#7e4b14
#7e4b14
rgb(126,75,20)
-
#844b0e
#844b0e
rgb(132,75,14)
-
#8a4b08
#8a4b08
rgb(138,75,8)
-
#8f4b03
#8f4b03
rgb(143,75,3)
Color Blindness Simulator
Below, you can see how #684a2a 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.