#7c683a hex color

In a RGB color space, hex #7c683a is composed of 48.6% red, 40.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.1% magenta, 53.2% yellow and 51.4% black. It has a hue angle of 41.8 degrees, a saturation of 36.3% and a lightness of 35.7%. #7c683a color hex could be obtained by blending #f8d074 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 41
- B 23
RGB color chart
- C 0
- M 16
- Y 53
- K 51
CMYK color chart

● #7c683a color description : Dark moderate orange.

The hexadecimal color #7c683a has RGB values of R:124, G:104, B:58 and CMYK values of C:0, M:0.16, Y:0.53, K:0.51. Its decimal value is 8153146.

Hex triplet	7c683a	`#7c683a`
RGB Decimal	124, 104, 58	`rgb(124,104,58)`
RGB Percent	48.6, 40.8, 22.7	`rgb(48.6%,40.8%,22.7%)`
CMYK	0, 16, 53, 51
HSL	41.8°, 36.3, 35.7	`hsl(41.8,36.3%,35.7%)`
HSV (or HSB)	41.8°, 53.2, 48.6
Web Safe	666633	`#666633`

CIE-LAB	44.93, 1.594, 28.687
XYZ	14.026, 14.492, 6.061
xyY	0.406, 0.419, 14.492
CIE-LCH	44.93, 28.731, 86.819
CIE-LUV	44.93, 15.743, 31.676
Hunter-Lab	38.068, -0.85, 17.207
Binary	01111100, 01101000, 00111010

#7c683a
```
#7c683a rgb(124,104,58)
```
#3a4e7c
```
#3a4e7c rgb(58,78,124)
```

Complementary Color

#7c473a
```
#7c473a rgb(124,71,58)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#6f7c3a
```
#6f7c3a rgb(111,124,58)
```

Analogous Color

#473a7c
```
#473a7c rgb(71,58,124)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#3a6f7c
```
#3a6f7c rgb(58,111,124)
```

Split Complementary Color

#683a7c
```
#683a7c rgb(104,58,124)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#3a7c68
```
#3a7c68 rgb(58,124,104)
```

Triadic Color

#7c3a4e
```
#7c3a4e rgb(124,58,78)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#3a7c68
```
#3a7c68 rgb(58,124,104)
```
#3a4e7c
```
#3a4e7c rgb(58,78,124)
```

Tetradic Color

#483c22
```
#483c22 rgb(72,60,34)
```
#594b2a
```
#594b2a rgb(89,75,42)
```
#6b5932
```
#6b5932 rgb(107,89,50)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#8d7742
```
#8d7742 rgb(141,119,66)
```
#9f854a
```
#9f854a rgb(159,133,74)
```
#af9354
```
#af9354 rgb(175,147,84)
```

Monochromatic Color

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

#7c583a
```
#7c583a rgb(124,88,58)
```
#7c5d3a
```
#7c5d3a rgb(124,93,58)
```
#7c633a
```
#7c633a rgb(124,99,58)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#7c6e3a
```
#7c6e3a rgb(124,110,58)
```
#7c733a
```
#7c733a rgb(124,115,58)
```
#7c793a
```
#7c793a rgb(124,121,58)
```

Similar Colors

Text with hexadecimal color #7c683a

This text has a font color of #7c683a.

<span style="color:#7c683a;">Text here</span>

#7c683a background color

This paragraph has a background color of #7c683a.

<p style="background-color:#7c683a;">Content here</p>

#7c683a border color

This element has a border color of #7c683a.

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

CSS codes

.text {color:#7c683a;}

.background {background-color:#7c683a;}

.border {border:1px solid #7c683a;}

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

#040302
```
#040302 rgb(4,3,2)
```
#110e08
```
#110e08 rgb(17,14,8)
```
#1e1a0e
```
#1e1a0e rgb(30,26,14)
```
#2c2514
```
#2c2514 rgb(44,37,20)
```
#39301b
```
#39301b rgb(57,48,27)
```
#473b21
```
#473b21 rgb(71,59,33)
```
#544627
```
#544627 rgb(84,70,39)
```
#61522d
```
#61522d rgb(97,82,45)
```
#6f5d34
```
#6f5d34 rgb(111,93,52)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#897340
```
#897340 rgb(137,115,64)
```
#977e47
```
#977e47 rgb(151,126,71)
```
#a48a4d
```
#a48a4d rgb(164,138,77)
```

Shade Color Variation

#af9455
```
#af9455 rgb(175,148,85)
```
#b69c62
```
#b69c62 rgb(182,156,98)
```
#bca570
```
#bca570 rgb(188,165,112)
```
#c2ad7d
```
#c2ad7d rgb(194,173,125)
```
#c8b68a
```
#c8b68a rgb(200,182,138)
```
#cfbe98
```
#cfbe98 rgb(207,190,152)
```
#d5c6a5
```
#d5c6a5 rgb(213,198,165)
```
#dbcfb3
```
#dbcfb3 rgb(219,207,179)
```
#e1d7c0
```
#e1d7c0 rgb(225,215,192)
```
#e8e0cd
```
#e8e0cd rgb(232,224,205)
```
#eee8db
```
#eee8db rgb(238,232,219)
```
#f4f1e8
```
#f4f1e8 rgb(244,241,232)
```
#faf9f5
```
#faf9f5 rgb(250,249,245)
```

Tint Color Variation

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

#605d56
```
#605d56 rgb(96,93,86)
```
#67604f
```
#67604f rgb(103,96,79)
```
#6e6248
```
#6e6248 rgb(110,98,72)
```
#756541
```
#756541 rgb(117,101,65)
```
#7c683a
```
#7c683a rgb(124,104,58)
```
#836b33
```
#836b33 rgb(131,107,51)
```
#8a6e2c
```
#8a6e2c rgb(138,110,44)
```
#917025
```
#917025 rgb(145,112,37)
```
#98731e
```
#98731e rgb(152,115,30)
```
#9f7617
```
#9f7617 rgb(159,118,23)
```
#a67910
```
#a67910 rgb(166,121,16)
```
#ad7b09
```
#ad7b09 rgb(173,123,9)
```
#b47e02
```
#b47e02 rgb(180,126,2)
```

Tone Color Variation

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

#696969 Achromatopsia 0.005% of the population
#6d6960 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7c7245 Protanopia 1% of men
#896d45 Deuteranopia 1% of men
#876a71 Tritanopia 0.001% of the population

Trichromacy

#7c6e41 Protanomaly 1% of men, 0.01% of women
#846b41 Deuteranomaly 6% of men, 0.4% of women
#83695d Tritanomaly 0.01% of the population

#7c683a hex color

#7c683a Color Information

#7c683a Color Conversion

Color Schemes with #7c683a

Alternatives to #7c683a

#7c683a Preview

Shades and Tints of #7c683a

Tones of #7c683a

Color Blindness Simulator