#682e2a hex color

In a RGB color space, hex #682e2a is composed of 40.8% red, 18% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.8% magenta, 59.6% yellow and 59.2% black. It has a hue angle of 3.9 degrees, a saturation of 42.5% and a lightness of 28.6%. #682e2a color hex could be obtained by blending #d05c54 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 41
- G 18
- B 16
RGB color chart
- C 0
- M 56
- Y 60
- K 59
CMYK color chart

● #682e2a color description : Very dark desaturated red.

The hexadecimal color #682e2a has RGB values of R:104, G:46, B:42 and CMYK values of C:0, M:0.56, Y:0.6, K:0.59. Its decimal value is 6827562.

Hex triplet	682e2a	`#682e2a`
RGB Decimal	104, 46, 42	`rgb(104,46,42)`
RGB Percent	40.8, 18, 16.5	`rgb(40.8%,18%,16.5%)`
CMYK	0, 56, 60, 59
HSL	3.9°, 42.5, 28.6	`hsl(3.9,42.5%,28.6%)`
HSV (or HSB)	3.9°, 59.6, 40.8
Web Safe	663333	`#663333`

CIE-LAB	26.919, 25.622, 15.008
XYZ	7.104, 5.065, 2.794
xyY	0.475, 0.338, 5.065
CIE-LCH	26.919, 29.694, 30.359
CIE-LUV	26.919, 39.495, 10.524
Hunter-Lab	22.505, 16.961, 8.393
Binary	01101000, 00101110, 00101010

#682e2a
```
#682e2a rgb(104,46,42)
```
#2a6468
```
#2a6468 rgb(42,100,104)
```

Complementary Color

#682a45
```
#682a45 rgb(104,42,69)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#684d2a
```
#684d2a rgb(104,77,42)
```

Analogous Color

#2a4568
```
#2a4568 rgb(42,69,104)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#2a684d
```
#2a684d rgb(42,104,77)
```

Split Complementary Color

#2e2a68
```
#2e2a68 rgb(46,42,104)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#2a682e
```
#2a682e rgb(42,104,46)
```

Triadic Color

#682a64
```
#682a64 rgb(104,42,100)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#2a682e
```
#2a682e rgb(42,104,46)
```
#2a6468
```
#2a6468 rgb(42,100,104)
```

Tetradic Color

#321614
```
#321614 rgb(50,22,20)
```
#441e1b
```
#441e1b rgb(68,30,27)
```
#562623
```
#562623 rgb(86,38,35)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#7a3631
```
#7a3631 rgb(122,54,49)
```
#8c3e39
```
#8c3e39 rgb(140,62,57)
```
#9e4640
```
#9e4640 rgb(158,70,64)
```

Monochromatic Color

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

#682a36
```
#682a36 rgb(104,42,54)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#682a2b
```
#682a2b rgb(104,42,43)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#68332a
```
#68332a rgb(104,51,42)
```
#68382a
```
#68382a rgb(104,56,42)
```
#683e2a
```
#683e2a rgb(104,62,42)
```

Similar Colors

Text with hexadecimal color #682e2a

This text has a font color of #682e2a.

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

#682e2a background color

This paragraph has a background color of #682e2a.

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

#682e2a border color

This element has a border color of #682e2a.

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

CSS codes

.text {color:#682e2a;}

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

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

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

#060303
```
#060303 rgb(6,3,3)
```
#140908
```
#140908 rgb(20,9,8)
```
#220f0e
```
#220f0e rgb(34,15,14)
```
#301513
```
#301513 rgb(48,21,19)
```
#3e1b19
```
#3e1b19 rgb(62,27,25)
```
#4c221f
```
#4c221f rgb(76,34,31)
```
#5a2824
```
#5a2824 rgb(90,40,36)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#763430
```
#763430 rgb(118,52,48)
```
#843a35
```
#843a35 rgb(132,58,53)
```
#92413b
```
#92413b rgb(146,65,59)
```
#a04741
```
#a04741 rgb(160,71,65)
```
#ae4d46
```
#ae4d46 rgb(174,77,70)
```

Shade Color Variation

#b85650
```
#b85650 rgb(184,86,80)
```
#be645e
```
#be645e rgb(190,100,94)
```
#c3716b
```
#c3716b rgb(195,113,107)
```
#c97f79
```
#c97f79 rgb(201,127,121)
```
#cf8c87
```
#cf8c87 rgb(207,140,135)
```
#d49995
```
#d49995 rgb(212,153,149)
```
#daa7a3
```
#daa7a3 rgb(218,167,163)
```
#e0b4b1
```
#e0b4b1 rgb(224,180,177)
```
#e5c2bf
```
#e5c2bf rgb(229,194,191)
```
#ebcfcd
```
#ebcfcd rgb(235,207,205)
```
#f1dddb
```
#f1dddb rgb(241,221,219)
```
#f6eae9
```
#f6eae9 rgb(246,234,233)
```
#fcf8f7
```
#fcf8f7 rgb(252,248,247)
```

Tint Color Variation

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

#4c4646
```
#4c4646 rgb(76,70,70)
```
#524240
```
#524240 rgb(82,66,64)
```
#573d3b
```
#573d3b rgb(87,61,59)
```
#5d3835
```
#5d3835 rgb(93,56,53)
```
#623330
```
#623330 rgb(98,51,48)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#6e2924
```
#6e2924 rgb(110,41,36)
```
#73241f
```
#73241f rgb(115,36,31)
```
#791f19
```
#791f19 rgb(121,31,25)
```
#7e1a14
```
#7e1a14 rgb(126,26,20)
```
#84160e
```
#84160e rgb(132,22,14)
```
#8a1108
```
#8a1108 rgb(138,17,8)
```
#8f0c03
```
#8f0c03 rgb(143,12,3)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#473c3b Atypical Achromatopsia 0.001% of the population

Dichromacy

#4d493b Protanopia 1% of men
#574631 Deuteranopia 1% of men
#70373b Tritanopia 0.001% of the population

Trichromacy

#573f35 Protanomaly 1% of men, 0.01% of women
#5d3d2e Deuteranomaly 6% of men, 0.4% of women
#6d3435 Tritanomaly 0.01% of the population

#682e2a hex color

#682e2a Color Information

#682e2a Color Conversion

Color Schemes with #682e2a

Alternatives to #682e2a

#682e2a Preview

Shades and Tints of #682e2a

Tones of #682e2a

Color Blindness Simulator