#682a30 hex color

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

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

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

The hexadecimal color #682a30 has RGB values of R:104, G:42, B:48 and CMYK values of C:0, M:0.6, Y:0.54, K:0.59. Its decimal value is 6826544.

Hex triplet	682a30	`#682a30`
RGB Decimal	104, 42, 48	`rgb(104,42,48)`
RGB Percent	40.8, 16.5, 18.8	`rgb(40.8%,16.5%,18.8%)`
CMYK	0, 60, 54, 59
HSL	354.2°, 42.5, 28.6	`hsl(354.2,42.5%,28.6%)`
HSV (or HSB)	354.2°, 59.6, 40.8
Web Safe	663333	`#663333`

CIE-LAB	26.195, 28.409, 10.063
XYZ	7.071, 4.813, 3.353
xyY	0.464, 0.316, 4.813
CIE-LCH	26.195, 30.139, 19.506
CIE-LUV	26.195, 40.451, 5.655
Hunter-Lab	21.939, 19.136, 6.296
Binary	01101000, 00101010, 00110000

#682a30
```
#682a30 rgb(104,42,48)
```
#2a6862
```
#2a6862 rgb(42,104,98)
```

Complementary Color

#682a4f
```
#682a4f rgb(104,42,79)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#68432a
```
#68432a rgb(104,67,42)
```

Analogous Color

#2a4f68
```
#2a4f68 rgb(42,79,104)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#2a6843
```
#2a6843 rgb(42,104,67)
```

Split Complementary Color

#2a3068
```
#2a3068 rgb(42,48,104)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#30682a
```
#30682a rgb(48,104,42)
```

Triadic Color

#622a68
```
#622a68 rgb(98,42,104)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#30682a
```
#30682a rgb(48,104,42)
```
#2a6862
```
#2a6862 rgb(42,104,98)
```

Tetradic Color

#321417
```
#321417 rgb(50,20,23)
```
#441b1f
```
#441b1f rgb(68,27,31)
```
#562328
```
#562328 rgb(86,35,40)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#7a3138
```
#7a3138 rgb(122,49,56)
```
#8c3941
```
#8c3941 rgb(140,57,65)
```
#9e4049
```
#9e4049 rgb(158,64,73)
```

Monochromatic Color

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

#682a40
```
#682a40 rgb(104,42,64)
```
#682a3a
```
#682a3a rgb(104,42,58)
```
#682a35
```
#682a35 rgb(104,42,53)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#682a2b
```
#682a2b rgb(104,42,43)
```
#682e2a
```
#682e2a rgb(104,46,42)
```
#68332a
```
#68332a rgb(104,51,42)
```

Similar Colors

Text with hexadecimal color #682a30

This text has a font color of #682a30.

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

#682a30 background color

This paragraph has a background color of #682a30.

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

#682a30 border color

This element has a border color of #682a30.

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

CSS codes

.text {color:#682a30;}

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

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

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 #fcf7f8 is the lightest one.

#060303
```
#060303 rgb(6,3,3)
```
#140809
```
#140809 rgb(20,8,9)
```
#220e10
```
#220e10 rgb(34,14,16)
```
#301316
```
#301316 rgb(48,19,22)
```
#3e191d
```
#3e191d rgb(62,25,29)
```
#4c1f23
```
#4c1f23 rgb(76,31,35)
```
#5a242a
```
#5a242a rgb(90,36,42)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#763036
```
#763036 rgb(118,48,54)
```
#84353d
```
#84353d rgb(132,53,61)
```
#923b43
```
#923b43 rgb(146,59,67)
```
#a0414a
```
#a0414a rgb(160,65,74)
```
#ae4650
```
#ae4650 rgb(174,70,80)
```

Shade Color Variation

#b8505a
```
#b8505a rgb(184,80,90)
```
#be5e67
```
#be5e67 rgb(190,94,103)
```
#c36b74
```
#c36b74 rgb(195,107,116)
```
#c97981
```
#c97981 rgb(201,121,129)
```
#cf878e
```
#cf878e rgb(207,135,142)
```
#d4959c
```
#d4959c rgb(212,149,156)
```
#daa3a9
```
#daa3a9 rgb(218,163,169)
```
#e0b1b6
```
#e0b1b6 rgb(224,177,182)
```
#e5bfc3
```
#e5bfc3 rgb(229,191,195)
```
#ebcdd0
```
#ebcdd0 rgb(235,205,208)
```
#f1dbdd
```
#f1dbdd rgb(241,219,221)
```
#f6e9eb
```
#f6e9eb rgb(246,233,235)
```
#fcf7f8
```
#fcf7f8 rgb(252,247,248)
```

Tint Color Variation

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

#4c4647
```
#4c4647 rgb(76,70,71)
```
#524042
```
#524042 rgb(82,64,66)
```
#573b3e
```
#573b3e rgb(87,59,62)
```
#5d3539
```
#5d3539 rgb(93,53,57)
```
#623035
```
#623035 rgb(98,48,53)
```
#682a30
```
#682a30 rgb(104,42,48)
```
#6e242b
```
#6e242b rgb(110,36,43)
```
#731f27
```
#731f27 rgb(115,31,39)
```
#791922
```
#791922 rgb(121,25,34)
```
#7e141e
```
#7e141e rgb(126,20,30)
```
#840e19
```
#840e19 rgb(132,14,25)
```
#8a0815
```
#8a0815 rgb(138,8,21)
```
#8f0310
```
#8f0310 rgb(143,3,16)
```

Tone Color Variation

Below, you can see how #682a30 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
#46393a Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4743 Protanopia 1% of men
#544536 Deuteranopia 1% of men
#6f3538 Tritanopia 0.001% of the population

Trichromacy

#553c3c Protanomaly 1% of men, 0.01% of women
#5b3b34 Deuteranomaly 6% of men, 0.4% of women
#6c3135 Tritanomaly 0.01% of the population

#682a30 hex color

#682a30 Color Information

#682a30 Color Conversion

Color Schemes with #682a30

Alternatives to #682a30

#682a30 Preview

Shades and Tints of #682a30

Tones of #682a30

Color Blindness Simulator