#684018 Color Information
In a RGB color space, hex #684018 is composed of 40.8% red, 25.1% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.5% magenta, 76.9% yellow and 59.2% black. It has a hue angle of 30 degrees, a saturation of 62.5% and a lightness of 25.1%. #684018 color hex could be obtained by blending #d08030 with #000000. Closest websafe color is: #663300.
-
- R 41
- G 25
- B 9
-
- C 0
- M 38
- Y 77
- K 59
● #684018 color description : Very dark orange [Brown tone].
#684018 Color Conversion
The hexadecimal color #684018 has RGB values of R:104, G:64, B:24 and CMYK values of C:0, M:0.38, Y:0.77, K:0.59. Its decimal value is 6832152.
Hex triplet | 684018 | #684018 |
---|---|---|
RGB Decimal | 104, 64, 24 | rgb(104,64,24) |
RGB Percent | 40.8, 25.1, 9.4 | rgb(40.8%,25.1%,9.4%) |
CMYK | 0, 38, 77, 59 | |
HSL | 30°, 62.5, 25.1 | hsl(30,62.5%,25.1%) |
HSV (or HSB) | 30°, 76.9, 40.8 | |
Web Safe | 663300 | #663300 |
CIE-LAB | 31.058, 13.58, 30.693 |
---|---|
XYZ | 7.707, 6.676, 1.747 |
xyY | 0.478, 0.414, 6.676 |
CIE-LCH | 31.058, 33.563, 66.134 |
CIE-LUV | 31.058, 30.186, 25.425 |
Hunter-Lab | 25.839, 8.027, 14.079 |
Binary | 01101000, 01000000, 00011000 |
Color Schemes with #684018
Alternatives to #684018
Below, you can see some colors close to #684018. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#684018 Preview
This text has a font color of #684018.
<span style="color:#684018;">Text here</span>
This paragraph has a background color of #684018.
<p style="background-color:#684018;">Content here</p>
This element has a border color of #684018.
<div style="border:1px solid #684018;">Content here</div>
.text {color:#684018;}
.background {background-color:#684018;}
.border {border:1px solid #684018;}
Shades and Tints of #684018
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, #080502 is the darkest color, while #fdfaf7 is the lightest one.
-
#080502
#080502
rgb(8,5,2)
-
#180f06
#180f06
rgb(24,15,6)
-
#281909
#281909
rgb(40,25,9)
-
#38230d
#38230d
rgb(56,35,13)
-
#482c11
#482c11
rgb(72,44,17)
-
#583614
#583614
rgb(88,54,20)
-
#684018
#684018
rgb(104,64,24)
-
#784a1c
#784a1c
rgb(120,74,28)
-
#88541f
#88541f
rgb(136,84,31)
-
#985d23
#985d23
rgb(152,93,35)
-
#a86727
#a86727
rgb(168,103,39)
-
#b8712a
#b8712a
rgb(184,113,42)
-
#c87b2e
#c87b2e
rgb(200,123,46)
-
#d18538
#d18538
rgb(209,133,56)
-
#d58e48
#d58e48
rgb(213,142,72)
-
#d89858
#d89858
rgb(216,152,88)
-
#dca268
#dca268
rgb(220,162,104)
-
#e0ac78
#e0ac78
rgb(224,172,120)
-
#e4b688
#e4b688
rgb(228,182,136)
-
#e7c098
#e7c098
rgb(231,192,152)
-
#ebc9a8
#ebc9a8
rgb(235,201,168)
-
#efd3b8
#efd3b8
rgb(239,211,184)
-
#f2ddc8
#f2ddc8
rgb(242,221,200)
-
#f6e7d8
#f6e7d8
rgb(246,231,216)
-
#faf1e8
#faf1e8
rgb(250,241,232)
-
#fdfaf7
#fdfaf7
rgb(253,250,247)
Tones of #684018
A tone is produced by adding gray to any pure hue. In this case, #41403f is the less saturated color, while #7c4004 is the most saturated one.
-
#41403f
#41403f
rgb(65,64,63)
-
#46403a
#46403a
rgb(70,64,58)
-
#4a4036
#4a4036
rgb(74,64,54)
-
#4f4031
#4f4031
rgb(79,64,49)
-
#54402c
#54402c
rgb(84,64,44)
-
#594027
#594027
rgb(89,64,39)
-
#5e4022
#5e4022
rgb(94,64,34)
-
#63401d
#63401d
rgb(99,64,29)
-
#684018
#684018
rgb(104,64,24)
-
#6d4013
#6d4013
rgb(109,64,19)
-
#72400e
#72400e
rgb(114,64,14)
-
#774009
#774009
rgb(119,64,9)
-
#7c4004
#7c4004
rgb(124,64,4)
Color Blindness Simulator
Below, you can see how #684018 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.