#7d681f hex color

In a RGB color space, hex #7d681f is composed of 49% red, 40.8% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.8% magenta, 75.2% yellow and 51% black. It has a hue angle of 46.6 degrees, a saturation of 60.3% and a lightness of 30.6%. #7d681f color hex could be obtained by blending #fad03e with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 49
- G 41
- B 12
RGB color chart
- C 0
- M 17
- Y 75
- K 51
CMYK color chart

● #7d681f color description : Dark yellow [Olive tone].

The hexadecimal color #7d681f has RGB values of R:125, G:104, B:31 and CMYK values of C:0, M:0.17, Y:0.75, K:0.51. Its decimal value is 8218655.

Hex triplet	7d681f	`#7d681f`
RGB Decimal	125, 104, 31	`rgb(125,104,31)`
RGB Percent	49, 40.8, 12.2	`rgb(49%,40.8%,12.2%)`
CMYK	0, 17, 75, 51
HSL	46.6°, 60.3, 30.6	`hsl(46.6,60.3%,30.6%)`
HSV (or HSB)	46.6°, 75.2, 49
Web Safe	666633	`#666633`

CIE-LAB	44.745, 0.041, 42.071
XYZ	13.655, 14.36, 3.349
xyY	0.435, 0.458, 14.36
CIE-LCH	44.745, 42.071, 89.944
CIE-LUV	44.745, 17.8, 41.99
Hunter-Lab	37.895, -1.994, 21.287
Binary	01111101, 01101000, 00011111

#7d681f
```
#7d681f rgb(125,104,31)
```
#1f347d
```
#1f347d rgb(31,52,125)
```

Complementary Color

#7d391f
```
#7d391f rgb(125,57,31)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#637d1f
```
#637d1f rgb(99,125,31)
```

Analogous Color

#391f7d
```
#391f7d rgb(57,31,125)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#1f637d
```
#1f637d rgb(31,99,125)
```

Split Complementary Color

#681f7d
```
#681f7d rgb(104,31,125)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#1f7d68
```
#1f7d68 rgb(31,125,104)
```

Triadic Color

#7d1f34
```
#7d1f34 rgb(125,31,52)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#1f7d68
```
#1f7d68 rgb(31,125,104)
```
#1f347d
```
#1f347d rgb(31,52,125)
```

Tetradic Color

#403510
```
#403510 rgb(64,53,16)
```
#544615
```
#544615 rgb(84,70,21)
```
#69571a
```
#69571a rgb(105,87,26)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#917924
```
#917924 rgb(145,121,36)
```
#a68a29
```
#a68a29 rgb(166,138,41)
```
#ba9b2e
```
#ba9b2e rgb(186,155,46)
```

Monochromatic Color

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

#7d511f
```
#7d511f rgb(125,81,31)
```
#7d581f
```
#7d581f rgb(125,88,31)
```
#7d601f
```
#7d601f rgb(125,96,31)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#7d701f
```
#7d701f rgb(125,112,31)
```
#7d781f
```
#7d781f rgb(125,120,31)
```
#7b7d1f
```
#7b7d1f rgb(123,125,31)
```

Similar Colors

Text with hexadecimal color #7d681f

This text has a font color of #7d681f.

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

#7d681f background color

This paragraph has a background color of #7d681f.

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

#7d681f border color

This element has a border color of #7d681f.

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

CSS codes

.text {color:#7d681f;}

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

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

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, #0f0c04 is the darkest color, while #fffffe is the lightest one.

#0f0c04
```
#0f0c04 rgb(15,12,4)
```
#1f1a08
```
#1f1a08 rgb(31,26,8)
```
#2e270c
```
#2e270c rgb(46,39,12)
```
#3e340f
```
#3e340f rgb(62,52,15)
```
#4e4113
```
#4e4113 rgb(78,65,19)
```
#5e4e17
```
#5e4e17 rgb(94,78,23)
```
#6d5b1b
```
#6d5b1b rgb(109,91,27)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#8d7523
```
#8d7523 rgb(141,117,35)
```
#9c8227
```
#9c8227 rgb(156,130,39)
```
#ac8f2b
```
#ac8f2b rgb(172,143,43)
```
#bc9c2f
```
#bc9c2f rgb(188,156,47)
```
#cca932
```
#cca932 rgb(204,169,50)
```

Shade Color Variation

#d0b042
```
#d0b042 rgb(208,176,66)
```
#d4b751
```
#d4b751 rgb(212,183,81)
```
#d8bd61
```
#d8bd61 rgb(216,189,97)
```
#dcc471
```
#dcc471 rgb(220,196,113)
```
#e0ca81
```
#e0ca81 rgb(224,202,129)
```
#e4d190
```
#e4d190 rgb(228,209,144)
```
#e7d7a0
```
#e7d7a0 rgb(231,215,160)
```
#ebdeb0
```
#ebdeb0 rgb(235,222,176)
```
#efe5bf
```
#efe5bf rgb(239,229,191)
```
#f3ebcf
```
#f3ebcf rgb(243,235,207)
```
#f7f2df
```
#f7f2df rgb(247,242,223)
```
#fbf8ef
```
#fbf8ef rgb(251,248,239)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#535149
```
#535149 rgb(83,81,73)
```
#595443
```
#595443 rgb(89,84,67)
```
#5f573d
```
#5f573d rgb(95,87,61)
```
#655b37
```
#655b37 rgb(101,91,55)
```
#6b5e31
```
#6b5e31 rgb(107,94,49)
```
#71612b
```
#71612b rgb(113,97,43)
```
#776525
```
#776525 rgb(119,101,37)
```
#7d681f
```
#7d681f rgb(125,104,31)
```
#836b19
```
#836b19 rgb(131,107,25)
```
#896f13
```
#896f13 rgb(137,111,19)
```
#8f720d
```
#8f720d rgb(143,114,13)
```
#957507
```
#957507 rgb(149,117,7)
```
#9b7901
```
#9b7901 rgb(155,121,1)
```

Tone Color Variation

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

#666666 Achromatopsia 0.005% of the population
#6b6658 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e712b Protanopia 1% of men
#8c6c2c Deuteranopia 1% of men
#896970 Tritanopia 0.001% of the population

Trichromacy

#7d6e26 Protanomaly 1% of men, 0.01% of women
#866a27 Deuteranomaly 6% of men, 0.4% of women
#846852 Tritanomaly 0.01% of the population

#7d681f hex color

#7d681f Color Information

#7d681f Color Conversion

Color Schemes with #7d681f

Alternatives to #7d681f

#7d681f Preview

Shades and Tints of #7d681f

Tones of #7d681f

Color Blindness Simulator