#684b0c hex color

In a RGB color space, hex #684b0c is composed of 40.8% red, 29.4% green and 4.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 88.5% yellow and 59.2% black. It has a hue angle of 41.1 degrees, a saturation of 79.3% and a lightness of 22.7%. #684b0c color hex could be obtained by blending #d09618 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 41
- G 29
- B 5
RGB color chart
- C 0
- M 28
- Y 88
- K 59
CMYK color chart

● #684b0c color description : Very dark orange [Brown tone].

The hexadecimal color #684b0c has RGB values of R:104, G:75, B:12 and CMYK values of C:0, M:0.28, Y:0.88, K:0.59. Its decimal value is 6834956.

Hex triplet	684b0c	`#684b0c`
RGB Decimal	104, 75, 12	`rgb(104,75,12)`
RGB Percent	40.8, 29.4, 4.7	`rgb(40.8%,29.4%,4.7%)`
CMYK	0, 28, 88, 59
HSL	41.1°, 79.3, 22.7	`hsl(41.1,79.3%,22.7%)`
HSV (or HSB)	41.1°, 88.5, 40.8
Web Safe	663300	`#663300`

CIE-LAB	33.988, 6.289, 38.717
XYZ	8.292, 8.002, 1.456
xyY	0.467, 0.451, 8.002
CIE-LCH	33.988, 39.225, 80.774
CIE-LUV	33.988, 23.023, 32.884
Hunter-Lab	28.288, 2.816, 16.751
Binary	01101000, 01001011, 00001100

#684b0c
```
#684b0c rgb(104,75,12)
```
#0c2968
```
#0c2968 rgb(12,41,104)
```

Complementary Color

#681d0c
```
#681d0c rgb(104,29,12)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#57680c
```
#57680c rgb(87,104,12)
```

Analogous Color

#1d0c68
```
#1d0c68 rgb(29,12,104)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#0c5768
```
#0c5768 rgb(12,87,104)
```

Split Complementary Color

#4b0c68
```
#4b0c68 rgb(75,12,104)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#0c684b
```
#0c684b rgb(12,104,75)
```

Triadic Color

#680c29
```
#680c29 rgb(104,12,41)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#0c684b
```
#0c684b rgb(12,104,75)
```
#0c2968
```
#0c2968 rgb(12,41,104)
```

Tetradic Color

#231a04
```
#231a04 rgb(35,26,4)
```
#3a2a07
```
#3a2a07 rgb(58,42,7)
```
#513b09
```
#513b09 rgb(81,59,9)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#7f5b0f
```
#7f5b0f rgb(127,91,15)
```
#966c11
```
#966c11 rgb(150,108,17)
```
#ad7c14
```
#ad7c14 rgb(173,124,20)
```

Monochromatic Color

Below, you can see some colors close to #684b0c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#68340c
```
#68340c rgb(104,52,12)
```
#683c0c
```
#683c0c rgb(104,60,12)
```
#68430c
```
#68430c rgb(104,67,12)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#68530c
```
#68530c rgb(104,83,12)
```
#685a0c
```
#685a0c rgb(104,90,12)
```
#68620c
```
#68620c rgb(104,98,12)
```

Similar Colors

Text with hexadecimal color #684b0c

This text has a font color of #684b0c.

<span style="color:#684b0c;">Text here</span>

#684b0c background color

This paragraph has a background color of #684b0c.

<p style="background-color:#684b0c;">Content here</p>

#684b0c border color

This element has a border color of #684b0c.

<div style="border:1px solid #684b0c;">Content here</div>

CSS codes

.text {color:#684b0c;}

.background {background-color:#684b0c;}

.border {border:1px solid #684b0c;}

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, #100c02 is the darkest color, while #fffefd is the lightest one.

#100c02
```
#100c02 rgb(16,12,2)
```
#221804
```
#221804 rgb(34,24,4)
```
#332506
```
#332506 rgb(51,37,6)
```
#453208
```
#453208 rgb(69,50,8)
```
#563e0a
```
#563e0a rgb(86,62,10)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#7a580e
```
#7a580e rgb(122,88,14)
```
#8b6410
```
#8b6410 rgb(139,100,16)
```
#9d7112
```
#9d7112 rgb(157,113,18)
```
#ae7e14
```
#ae7e14 rgb(174,126,20)
```
#c08a16
```
#c08a16 rgb(192,138,22)
```
#d29718
```
#d29718 rgb(210,151,24)
```
#e3a41a
```
#e3a41a rgb(227,164,26)
```

Shade Color Variation

#e6ab2a
```
#e6ab2a rgb(230,171,42)
```
#e9b23c
```
#e9b23c rgb(233,178,60)
```
#ebb94e
```
#ebb94e rgb(235,185,78)
```
#edc05f
```
#edc05f rgb(237,192,95)
```
#efc771
```
#efc771 rgb(239,199,113)
```
#f1ce82
```
#f1ce82 rgb(241,206,130)
```
#f3d594
```
#f3d594 rgb(243,213,148)
```
#f5dca6
```
#f5dca6 rgb(245,220,166)
```
#f7e3b7
```
#f7e3b7 rgb(247,227,183)
```
#f9eac9
```
#f9eac9 rgb(249,234,201)
```
#fbf1da
```
#fbf1da rgb(251,241,218)
```
#fdf7ec
```
#fdf7ec rgb(253,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #3b3b39 is the less saturated color, while #714e03 is the most saturated one.

#3b3b39
```
#3b3b39 rgb(59,59,57)
```
#403c34
```
#403c34 rgb(64,60,52)
```
#443e30
```
#443e30 rgb(68,62,48)
```
#493f2b
```
#493f2b rgb(73,63,43)
```
#4d4127
```
#4d4127 rgb(77,65,39)
```
#524322
```
#524322 rgb(82,67,34)
```
#56441e
```
#56441e rgb(86,68,30)
```
#5b4619
```
#5b4619 rgb(91,70,25)
```
#5f4815
```
#5f4815 rgb(95,72,21)
```
#644910
```
#644910 rgb(100,73,16)
```
#684b0c
```
#684b0c rgb(104,75,12)
```
#6c4d08
```
#6c4d08 rgb(108,77,8)
```
#714e03
```
#714e03 rgb(113,78,3)
```

Tone Color Variation

Below, you can see how #684b0c 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.

Monochromacy

#4c4c4c Achromatopsia 0.005% of the population
#524c3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#635919 Protanopia 1% of men
#6e5418 Deuteranopia 1% of men
#734f54 Tritanopia 0.001% of the population

Trichromacy

#655414 Protanomaly 1% of men, 0.01% of women
#6c5113 Deuteranomaly 6% of men, 0.4% of women
#6f4d3a Tritanomaly 0.01% of the population

#684b0c hex color

#684b0c Color Information

#684b0c Color Conversion

Color Schemes with #684b0c

Alternatives to #684b0c

#684b0c Preview

Shades and Tints of #684b0c

Tones of #684b0c

Color Blindness Simulator