#682c22 hex color

In a RGB color space, hex #682c22 is composed of 40.8% red, 17.3% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.7% magenta, 67.3% yellow and 59.2% black. It has a hue angle of 8.6 degrees, a saturation of 50.7% and a lightness of 27.1%. #682c22 color hex could be obtained by blending #d05844 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 41
- G 17
- B 13
RGB color chart
- C 0
- M 58
- Y 67
- K 59
CMYK color chart

● #682c22 color description : Very dark red.

The hexadecimal color #682c22 has RGB values of R:104, G:44, B:34 and CMYK values of C:0, M:0.58, Y:0.67, K:0.59. Its decimal value is 6827042.

Hex triplet	682c22	`#682c22`
RGB Decimal	104, 44, 34	`rgb(104,44,34)`
RGB Percent	40.8, 17.3, 13.3	`rgb(40.8%,17.3%,13.3%)`
CMYK	0, 58, 67, 59
HSL	8.6°, 50.7, 27.1	`hsl(8.6,50.7%,27.1%)`
HSV (or HSB)	8.6°, 67.3, 40.8
Web Safe	663333	`#663333`

CIE-LAB	26.334, 26.093, 19.455
XYZ	6.899, 4.861, 2.088
xyY	0.498, 0.351, 4.861
CIE-LCH	26.334, 32.547, 36.708
CIE-LUV	26.334, 42.024, 13.661
Hunter-Lab	22.047, 17.272, 9.817
Binary	01101000, 00101100, 00100010

#682c22
```
#682c22 rgb(104,44,34)
```
#225e68
```
#225e68 rgb(34,94,104)
```

Complementary Color

#68223b
```
#68223b rgb(104,34,59)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#684f22
```
#684f22 rgb(104,79,34)
```

Analogous Color

#223b68
```
#223b68 rgb(34,59,104)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#22684f
```
#22684f rgb(34,104,79)
```

Split Complementary Color

#2c2268
```
#2c2268 rgb(44,34,104)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#22682c
```
#22682c rgb(34,104,44)
```

Triadic Color

#68225e
```
#68225e rgb(104,34,94)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#22682c
```
#22682c rgb(34,104,44)
```
#225e68
```
#225e68 rgb(34,94,104)
```

Tetradic Color

#2e140f
```
#2e140f rgb(46,20,15)
```
#421c15
```
#421c15 rgb(66,28,21)
```
#55241c
```
#55241c rgb(85,36,28)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#7b3428
```
#7b3428 rgb(123,52,40)
```
#8e3c2f
```
#8e3c2f rgb(142,60,47)
```
#a24435
```
#a24435 rgb(162,68,53)
```

Monochromatic Color

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

#68222a
```
#68222a rgb(104,34,42)
```
#682224
```
#682224 rgb(104,34,36)
```
#682622
```
#682622 rgb(104,38,34)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#683222
```
#683222 rgb(104,50,34)
```
#683822
```
#683822 rgb(104,56,34)
```
#683e22
```
#683e22 rgb(104,62,34)
```

Similar Colors

Text with hexadecimal color #682c22

This text has a font color of #682c22.

<span style="color:#682c22;">Text here</span>

#682c22 background color

This paragraph has a background color of #682c22.

<p style="background-color:#682c22;">Content here</p>

#682c22 border color

This element has a border color of #682c22.

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

CSS codes

.text {color:#682c22;}

.background {background-color:#682c22;}

.border {border:1px solid #682c22;}

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, #010000 is the darkest color, while #faf2f1 is the lightest one.

#010000
```
#010000 rgb(1,0,0)
```
#0f0605
```
#0f0605 rgb(15,6,5)
```
#1e0d0a
```
#1e0d0a rgb(30,13,10)
```
#2d130f
```
#2d130f rgb(45,19,15)
```
#3c1914
```
#3c1914 rgb(60,25,20)
```
#4a1f18
```
#4a1f18 rgb(74,31,24)
```
#59261d
```
#59261d rgb(89,38,29)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#773227
```
#773227 rgb(119,50,39)
```
#86392c
```
#86392c rgb(134,57,44)
```
#943f30
```
#943f30 rgb(148,63,48)
```
#a34535
```
#a34535 rgb(163,69,53)
```
#b24b3a
```
#b24b3a rgb(178,75,58)
```

Shade Color Variation

#c0523f
```
#c0523f rgb(192,82,63)
```
#c55f4e
```
#c55f4e rgb(197,95,78)
```
#ca6c5d
```
#ca6c5d rgb(202,108,93)
```
#cf7a6c
```
#cf7a6c rgb(207,122,108)
```
#d4877a
```
#d4877a rgb(212,135,122)
```
#d99589
```
#d99589 rgb(217,149,137)
```
#dda298
```
#dda298 rgb(221,162,152)
```
#e2afa7
```
#e2afa7 rgb(226,175,167)
```
#e7bdb6
```
#e7bdb6 rgb(231,189,182)
```
#eccac4
```
#eccac4 rgb(236,202,196)
```
#f1d7d3
```
#f1d7d3 rgb(241,215,211)
```
#f6e5e2
```
#f6e5e2 rgb(246,229,226)
```
#faf2f1
```
#faf2f1 rgb(250,242,241)
```

Tint Color Variation

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

#484342
```
#484342 rgb(72,67,66)
```
#4d3f3d
```
#4d3f3d rgb(77,63,61)
```
#533b37
```
#533b37 rgb(83,59,55)
```
#583732
```
#583732 rgb(88,55,50)
```
#5d342d
```
#5d342d rgb(93,52,45)
```
#633027
```
#633027 rgb(99,48,39)
```
#682c22
```
#682c22 rgb(104,44,34)
```
#6d281d
```
#6d281d rgb(109,40,29)
```
#732417
```
#732417 rgb(115,36,23)
```
#782112
```
#782112 rgb(120,33,18)
```
#7d1d0d
```
#7d1d0d rgb(125,29,13)
```
#831907
```
#831907 rgb(131,25,7)
```
#881502
```
#881502 rgb(136,21,2)
```

Tone Color Variation

Below, you can see how #682c22 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

#3d3d3d Achromatopsia 0.005% of the population
#463a38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d4833 Protanopia 1% of men
#574529 Deuteranopia 1% of men
#703538 Tritanopia 0.001% of the population

Trichromacy

#573d2d Protanomaly 1% of men, 0.01% of women
#5d3c27 Deuteranomaly 6% of men, 0.4% of women
#6d3130 Tritanomaly 0.01% of the population

#682c22 hex color

#682c22 Color Information

#682c22 Color Conversion

Color Schemes with #682c22

Alternatives to #682c22

#682c22 Preview

Shades and Tints of #682c22

Tones of #682c22

Color Blindness Simulator