#686228 hex color

In a RGB color space, hex #686228 is composed of 40.8% red, 38.4% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.8% magenta, 61.5% yellow and 59.2% black. It has a hue angle of 54.4 degrees, a saturation of 44.4% and a lightness of 28.2%. #686228 color hex could be obtained by blending #d0c450 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 38
- B 16
RGB color chart
- C 0
- M 6
- Y 62
- K 59
CMYK color chart

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

The hexadecimal color #686228 has RGB values of R:104, G:98, B:40 and CMYK values of C:0, M:0.06, Y:0.62, K:0.59. Its decimal value is 6840872.

Hex triplet	686228	`#686228`
RGB Decimal	104, 98, 40	`rgb(104,98,40)`
RGB Percent	40.8, 38.4, 15.7	`rgb(40.8%,38.4%,15.7%)`
CMYK	0, 6, 62, 59
HSL	54.4°, 44.4, 28.2	`hsl(54.4,44.4%,28.2%)`
HSV (or HSB)	54.4°, 61.5, 40.8
Web Safe	666633	`#666633`

CIE-LAB	40.948, -5.859, 33.171
XYZ	10.46, 11.832, 3.74
xyY	0.402, 0.455, 11.832
CIE-LCH	40.948, 33.685, 100.017
CIE-LUV	40.948, 6.514, 35.318
Hunter-Lab	34.397, -5.917, 17.631
Binary	01101000, 01100010, 00101000

#686228
```
#686228 rgb(104,98,40)
```
#282e68
```
#282e68 rgb(40,46,104)
```

Complementary Color

#684228
```
#684228 rgb(104,66,40)
```
#686228
```
#686228 rgb(104,98,40)
```
#4e6828
```
#4e6828 rgb(78,104,40)
```

Analogous Color

#422868
```
#422868 rgb(66,40,104)
```
#686228
```
#686228 rgb(104,98,40)
```
#284e68
```
#284e68 rgb(40,78,104)
```

Split Complementary Color

#622868
```
#622868 rgb(98,40,104)
```
#686228
```
#686228 rgb(104,98,40)
```
#286862
```
#286862 rgb(40,104,98)
```

Triadic Color

#68282e
```
#68282e rgb(104,40,46)
```
#686228
```
#686228 rgb(104,98,40)
```
#286862
```
#286862 rgb(40,104,98)
```
#282e68
```
#282e68 rgb(40,46,104)
```

Tetradic Color

#312e13
```
#312e13 rgb(49,46,19)
```
#433f1a
```
#433f1a rgb(67,63,26)
```
#565121
```
#565121 rgb(86,81,33)
```
#686228
```
#686228 rgb(104,98,40)
```
#7a732f
```
#7a732f rgb(122,115,47)
```
#8d8536
```
#8d8536 rgb(141,133,54)
```
#9f963d
```
#9f963d rgb(159,150,61)
```

Monochromatic Color

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

#685228
```
#685228 rgb(104,82,40)
```
#685728
```
#685728 rgb(104,87,40)
```
#685d28
```
#685d28 rgb(104,93,40)
```
#686228
```
#686228 rgb(104,98,40)
```
#686728
```
#686728 rgb(104,103,40)
```
#636828
```
#636828 rgb(99,104,40)
```
#5e6828
```
#5e6828 rgb(94,104,40)
```

Similar Colors

Text with hexadecimal color #686228

This text has a font color of #686228.

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

#686228 background color

This paragraph has a background color of #686228.

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

#686228 border color

This element has a border color of #686228.

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

CSS codes

.text {color:#686228;}

.background {background-color:#686228;}

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

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

#050502
```
#050502 rgb(5,5,2)
```
#131207
```
#131207 rgb(19,18,7)
```
#211f0d
```
#211f0d rgb(33,31,13)
```
#2f2d12
```
#2f2d12 rgb(47,45,18)
```
#3e3a18
```
#3e3a18 rgb(62,58,24)
```
#4c471d
```
#4c471d rgb(76,71,29)
```
#5a5523
```
#5a5523 rgb(90,85,35)
```
#686228
```
#686228 rgb(104,98,40)
```
#766f2d
```
#766f2d rgb(118,111,45)
```
#847d33
```
#847d33 rgb(132,125,51)
```
#938a38
```
#938a38 rgb(147,138,56)
```
#a1973e
```
#a1973e rgb(161,151,62)
```
#afa543
```
#afa543 rgb(175,165,67)
```

Shade Color Variation

#bab04c
```
#bab04c rgb(186,176,76)
```
#bfb65a
```
#bfb65a rgb(191,182,90)
```
#c5bc68
```
#c5bc68 rgb(197,188,104)
```
#cac276
```
#cac276 rgb(202,194,118)
```
#d0c984
```
#d0c984 rgb(208,201,132)
```
#d5cf93
```
#d5cf93 rgb(213,207,147)
```
#dbd5a1
```
#dbd5a1 rgb(219,213,161)
```
#e0dcaf
```
#e0dcaf rgb(224,220,175)
```
#e6e2bd
```
#e6e2bd rgb(230,226,189)
```
#ebe8cb
```
#ebe8cb rgb(235,232,203)
```
#f1eed9
```
#f1eed9 rgb(241,238,217)
```
#f6f5e8
```
#f6f5e8 rgb(246,245,232)
```
#fbfbf6
```
#fbfbf6 rgb(251,251,246)
```

Tint Color Variation

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

#4c4c44
```
#4c4c44 rgb(76,76,68)
```
#52503e
```
#52503e rgb(82,80,62)
```
#575539
```
#575539 rgb(87,85,57)
```
#5d5933
```
#5d5933 rgb(93,89,51)
```
#625e2e
```
#625e2e rgb(98,94,46)
```
#686228
```
#686228 rgb(104,98,40)
```
#6e6722
```
#6e6722 rgb(110,103,34)
```
#736b1d
```
#736b1d rgb(115,107,29)
```
#797017
```
#797017 rgb(121,112,23)
```
#7e7412
```
#7e7412 rgb(126,116,18)
```
#84790c
```
#84790c rgb(132,121,12)
```
#897d07
```
#897d07 rgb(137,125,7)
```
#8f8201
```
#8f8201 rgb(143,130,1)
```

Tone Color Variation

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

#5d5d5d Achromatopsia 0.005% of the population
#5f5e52 Atypical Achromatopsia 0.001% of the population

Dichromacy

#736832 Protanopia 1% of men
#806435 Deuteranopia 1% of men
#75646b Tritanopia 0.001% of the population

Trichromacy

#6f662e Protanomaly 1% of men, 0.01% of women
#776330 Deuteranomaly 6% of men, 0.4% of women
#706352 Tritanomaly 0.01% of the population

#686228 hex color

#686228 Color Information

#686228 Color Conversion

Color Schemes with #686228

Alternatives to #686228

#686228 Preview

Shades and Tints of #686228

Tones of #686228

Color Blindness Simulator