colorhexa.com

#686213 hex color

In a RGB color space, hex #686213 is composed of 40.8% red, 38.4% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.8% magenta, 81.7% yellow and 59.2% black. It has a hue angle of 55.8 degrees, a saturation of 69.1% and a lightness of 24.1%. #686213 color hex could be obtained by blending #d0c426 with #000000. Closest websafe color is: #666600.

- R 41
- G 38
- B 7
RGB color chart
- C 0
- M 6
- Y 82
- K 59
CMYK color chart

● #686213 color description : Very dark yellow [Olive tone].

The hexadecimal color #686213 has RGB values of R:104, G:98, B:19 and CMYK values of C:0, M:0.06, Y:0.82, K:0.59. Its decimal value is 6840851.

Hex triplet	686213	`#686213`
RGB Decimal	104, 98, 19	`rgb(104,98,19)`
RGB Percent	40.8, 38.4, 7.5	`rgb(40.8%,38.4%,7.5%)`
CMYK	0, 6, 82, 59
HSL	55.8°, 69.1, 24.1	`hsl(55.8,69.1%,24.1%)`
HSV (or HSB)	55.8°, 81.7, 40.8
Web Safe	666600	`#666600`

CIE-LAB	40.777, -7.167, 42.267
XYZ	10.194, 11.726, 2.342
xyY	0.42, 0.483, 11.726
CIE-LCH	40.777, 42.87, 99.623
CIE-LUV	40.777, 7.062, 41.43
Hunter-Lab	34.243, -6.785, 19.914
Binary	01101000, 01100010, 00010011

#686213
```
#686213 rgb(104,98,19)
```
#131968
```
#131968 rgb(19,25,104)
```

Complementary Color

#683813
```
#683813 rgb(104,56,19)
```
#686213
```
#686213 rgb(104,98,19)
```
#446813
```
#446813 rgb(68,104,19)
```

Analogous Color

#371368
```
#371368 rgb(55,19,104)
```
#686213
```
#686213 rgb(104,98,19)
```
#134468
```
#134468 rgb(19,68,104)
```

Split Complementary Color

#621368
```
#621368 rgb(98,19,104)
```
#686213
```
#686213 rgb(104,98,19)
```
#136862
```
#136862 rgb(19,104,98)
```

Triadic Color

#272507
```
#272507 rgb(39,37,7)
```
#3d390b
```
#3d390b rgb(61,57,11)
```
#524e0f
```
#524e0f rgb(82,78,15)
```
#686213
```
#686213 rgb(104,98,19)
```
#7e7617
```
#7e7617 rgb(126,118,23)
```
#938b1b
```
#938b1b rgb(147,139,27)
```
#a99f1f
```
#a99f1f rgb(169,159,31)
```

Monochromatic Color

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

#684d13
```
#684d13 rgb(104,77,19)
```
#685413
```
#685413 rgb(104,84,19)
```
#685b13
```
#685b13 rgb(104,91,19)
```
#686213
```
#686213 rgb(104,98,19)
```
#676813
```
#676813 rgb(103,104,19)
```
#606813
```
#606813 rgb(96,104,19)
```
#596813
```
#596813 rgb(89,104,19)
```

Similar Colors

Text with hexadecimal color #686213

This text has a font color of #686213.

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

#686213 background color

This paragraph has a background color of #686213.

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

#686213 border color

This element has a border color of #686213.

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

CSS codes

.text {color:#686213;}

.background {background-color:#686213;}

.border {border:1px solid #686213;}

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

#040401
```
#040401 rgb(4,4,1)
```
#151404
```
#151404 rgb(21,20,4)
```
#262307
```
#262307 rgb(38,35,7)
```
#36330a
```
#36330a rgb(54,51,10)
```
#47430d
```
#47430d rgb(71,67,13)
```
#575210
```
#575210 rgb(87,82,16)
```
#686213
```
#686213 rgb(104,98,19)
```
#797216
```
#797216 rgb(121,114,22)
```
#898119
```
#898119 rgb(137,129,25)
```
#9a911c
```
#9a911c rgb(154,145,28)
```
#aaa11f
```
#aaa11f rgb(170,161,31)
```
#bbb022
```
#bbb022 rgb(187,176,34)
```
#ccc025
```
#ccc025 rgb(204,192,37)
```

Shade Color Variation

#d8cc2c
```
#d8cc2c rgb(216,204,44)
```
#dbd03c
```
#dbd03c rgb(219,208,60)
```
#ded44d
```
#ded44d rgb(222,212,77)
```
#e2d85e
```
#e2d85e rgb(226,216,94)
```
#e5dc6e
```
#e5dc6e rgb(229,220,110)
```
#e8e07f
```
#e8e07f rgb(232,224,127)
```
#ebe48f
```
#ebe48f rgb(235,228,143)
```
#eee8a0
```
#eee8a0 rgb(238,232,160)
```
#f1ecb1
```
#f1ecb1 rgb(241,236,177)
```
#f4f0c1
```
#f4f0c1 rgb(244,240,193)
```
#f7f4d2
```
#f7f4d2 rgb(247,244,210)
```
#faf8e2
```
#faf8e2 rgb(250,248,226)
```
#fdfcf3
```
#fdfcf3 rgb(253,252,243)
```

Tint Color Variation

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

#424139
```
#424139 rgb(66,65,57)
```
#474634
```
#474634 rgb(71,70,52)
```
#4c4a2f
```
#4c4a2f rgb(76,74,47)
```
#504e2b
```
#504e2b rgb(80,78,43)
```
#555226
```
#555226 rgb(85,82,38)
```
#5a5621
```
#5a5621 rgb(90,86,33)
```
#5f5a1c
```
#5f5a1c rgb(95,90,28)
```
#635e18
```
#635e18 rgb(99,94,24)
```
#686213
```
#686213 rgb(104,98,19)
```
#6d660e
```
#6d660e rgb(109,102,14)
```
#716a0a
```
#716a0a rgb(113,106,10)
```
#766e05
```
#766e05 rgb(118,110,5)
```
#7b7200
```
#7b7200 rgb(123,114,0)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#5e5c4d Atypical Achromatopsia 0.001% of the population

Dichromacy

#74681e Protanopia 1% of men
#816322 Deuteranopia 1% of men
#76636a Tritanopia 0.001% of the population

Trichromacy

#70661a Protanomaly 1% of men, 0.01% of women
#78621d Deuteranomaly 6% of men, 0.4% of women
#71624a Tritanomaly 0.01% of the population