#7f683a hex color

In a RGB color space, hex #7f683a is composed of 49.8% red, 40.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.1% magenta, 54.3% yellow and 50.2% black. It has a hue angle of 40 degrees, a saturation of 37.3% and a lightness of 36.3%. #7f683a color hex could be obtained by blending #fed074 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 50
- G 41
- B 23
RGB color chart
- C 0
- M 18
- Y 54
- K 50
CMYK color chart

● #7f683a color description : Dark moderate orange.

The hexadecimal color #7f683a has RGB values of R:127, G:104, B:58 and CMYK values of C:0, M:0.18, Y:0.54, K:0.5. Its decimal value is 8349754.

Hex triplet	7f683a	`#7f683a`
RGB Decimal	127, 104, 58	`rgb(127,104,58)`
RGB Percent	49.8, 40.8, 22.7	`rgb(49.8%,40.8%,22.7%)`
CMYK	0, 18, 54, 50
HSL	40°, 37.3, 36.3	`hsl(40,37.3%,36.3%)`
HSV (or HSB)	40°, 54.3, 49.8
Web Safe	666633	`#666633`

CIE-LAB	45.246, 2.966, 29.146
XYZ	14.466, 14.719, 6.082
xyY	0.41, 0.417, 14.719
CIE-LCH	45.246, 29.296, 84.19
CIE-LUV	45.246, 17.902, 31.902
Hunter-Lab	38.365, 0.169, 17.457
Binary	01111111, 01101000, 00111010

#7f683a
```
#7f683a rgb(127,104,58)
```
#3a517f
```
#3a517f rgb(58,81,127)
```

Complementary Color

#7f463a
```
#7f463a rgb(127,70,58)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#747f3a
```
#747f3a rgb(116,127,58)
```

Analogous Color

#463a7f
```
#463a7f rgb(70,58,127)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#3a747f
```
#3a747f rgb(58,116,127)
```

Split Complementary Color

#683a7f
```
#683a7f rgb(104,58,127)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#3a7f68
```
#3a7f68 rgb(58,127,104)
```

Triadic Color

#7f3a51
```
#7f3a51 rgb(127,58,81)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#3a7f68
```
#3a7f68 rgb(58,127,104)
```
#3a517f
```
#3a517f rgb(58,81,127)
```

Tetradic Color

#4a3d22
```
#4a3d22 rgb(74,61,34)
```
#5c4b2a
```
#5c4b2a rgb(92,75,42)
```
#6d5a32
```
#6d5a32 rgb(109,90,50)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#917642
```
#917642 rgb(145,118,66)
```
#a2854a
```
#a2854a rgb(162,133,74)
```
#b19254
```
#b19254 rgb(177,146,84)
```

Monochromatic Color

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

#7f573a
```
#7f573a rgb(127,87,58)
```
#7f5d3a
```
#7f5d3a rgb(127,93,58)
```
#7f623a
```
#7f623a rgb(127,98,58)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#7f6e3a
```
#7f6e3a rgb(127,110,58)
```
#7f743a
```
#7f743a rgb(127,116,58)
```
#7f793a
```
#7f793a rgb(127,121,58)
```

Similar Colors

Text with hexadecimal color #7f683a

This text has a font color of #7f683a.

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

#7f683a background color

This paragraph has a background color of #7f683a.

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

#7f683a border color

This element has a border color of #7f683a.

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

CSS codes

.text {color:#7f683a;}

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

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

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

#060503
```
#060503 rgb(6,5,3)
```
#131009
```
#131009 rgb(19,16,9)
```
#211b0f
```
#211b0f rgb(33,27,15)
```
#2e2615
```
#2e2615 rgb(46,38,21)
```
#3c311b
```
#3c311b rgb(60,49,27)
```
#493c21
```
#493c21 rgb(73,60,33)
```
#574728
```
#574728 rgb(87,71,40)
```
#64522e
```
#64522e rgb(100,82,46)
```
#725d34
```
#725d34 rgb(114,93,52)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#8c7340
```
#8c7340 rgb(140,115,64)
```
#9a7e46
```
#9a7e46 rgb(154,126,70)
```
#a7894c
```
#a7894c rgb(167,137,76)
```

Shade Color Variation

#b29356
```
#b29356 rgb(178,147,86)
```
#b89c63
```
#b89c63 rgb(184,156,99)
```
#bea471
```
#bea471 rgb(190,164,113)
```
#c4ad7e
```
#c4ad7e rgb(196,173,126)
```
#cab58c
```
#cab58c rgb(202,181,140)
```
#d0be99
```
#d0be99 rgb(208,190,153)
```
#d7c7a7
```
#d7c7a7 rgb(215,199,167)
```
#ddcfb4
```
#ddcfb4 rgb(221,207,180)
```
#e3d8c1
```
#e3d8c1 rgb(227,216,193)
```
#e9e0cf
```
#e9e0cf rgb(233,224,207)
```
#efe9dc
```
#efe9dc rgb(239,233,220)
```
#f5f2ea
```
#f5f2ea rgb(245,242,234)
```
#fcfaf7
```
#fcfaf7 rgb(252,250,247)
```

Tint Color Variation

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

#635f56
```
#635f56 rgb(99,95,86)
```
#6a614f
```
#6a614f rgb(106,97,79)
```
#716348
```
#716348 rgb(113,99,72)
```
#786641
```
#786641 rgb(120,102,65)
```
#7f683a
```
#7f683a rgb(127,104,58)
```
#866a33
```
#866a33 rgb(134,106,51)
```
#8d6d2c
```
#8d6d2c rgb(141,109,44)
```
#946f25
```
#946f25 rgb(148,111,37)
```
#9b711e
```
#9b711e rgb(155,113,30)
```
#a37416
```
#a37416 rgb(163,116,22)
```
#aa760f
```
#aa760f rgb(170,118,15)
```
#b17908
```
#b17908 rgb(177,121,8)
```
#b87b01
```
#b87b01 rgb(184,123,1)
```

Tone Color Variation

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

#6a6a6a Achromatopsia 0.005% of the population
#6e6a60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7d7245 Protanopia 1% of men
#8a6d44 Deuteranopia 1% of men
#8a6a71 Tritanopia 0.001% of the population

Trichromacy

#7d6e41 Protanomaly 1% of men, 0.01% of women
#866b40 Deuteranomaly 6% of men, 0.4% of women
#86695d Tritanomaly 0.01% of the population

#7f683a hex color

#7f683a Color Information

#7f683a Color Conversion

Color Schemes with #7f683a

Alternatives to #7f683a

#7f683a Preview

Shades and Tints of #7f683a

Tones of #7f683a

Color Blindness Simulator