#685a30 hex color

In a RGB color space, hex #685a30 is composed of 40.8% red, 35.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.5% magenta, 53.8% yellow and 59.2% black. It has a hue angle of 45 degrees, a saturation of 36.8% and a lightness of 29.8%. #685a30 color hex could be obtained by blending #d0b460 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 41
- G 35
- B 19
RGB color chart
- C 0
- M 13
- Y 54
- K 59
CMYK color chart

● #685a30 color description : Very dark desaturated yellow.

The hexadecimal color #685a30 has RGB values of R:104, G:90, B:48 and CMYK values of C:0, M:0.13, Y:0.54, K:0.59. Its decimal value is 6838832.

Hex triplet	685a30	`#685a30`
RGB Decimal	104, 90, 48	`rgb(104,90,48)`
RGB Percent	40.8, 35.3, 18.8	`rgb(40.8%,35.3%,18.8%)`
CMYK	0, 13, 54, 59
HSL	45°, 36.8, 29.8	`hsl(45,36.8%,29.8%)`
HSV (or HSB)	45°, 53.8, 40.8
Web Safe	666633	`#666633`

CIE-LAB	38.671, -0.411, 26.177
XYZ	9.899, 10.469, 4.295
xyY	0.401, 0.424, 10.469
CIE-LCH	38.671, 26.18, 90.899
CIE-LUV	38.671, 11.235, 27.971
Hunter-Lab	32.356, -2.015, 14.778
Binary	01101000, 01011010, 00110000

#685a30
```
#685a30 rgb(104,90,48)
```
#303e68
```
#303e68 rgb(48,62,104)
```

Complementary Color

#683e30
```
#683e30 rgb(104,62,48)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#5a6830
```
#5a6830 rgb(90,104,48)
```

Analogous Color

#3e3068
```
#3e3068 rgb(62,48,104)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#305a68
```
#305a68 rgb(48,90,104)
```

Split Complementary Color

#5a3068
```
#5a3068 rgb(90,48,104)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#30685a
```
#30685a rgb(48,104,90)
```

Triadic Color

#68303e
```
#68303e rgb(104,48,62)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#30685a
```
#30685a rgb(48,104,90)
```
#303e68
```
#303e68 rgb(48,62,104)
```

Tetradic Color

#342d18
```
#342d18 rgb(52,45,24)
```
#453c20
```
#453c20 rgb(69,60,32)
```
#574b28
```
#574b28 rgb(87,75,40)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#796938
```
#796938 rgb(121,105,56)
```
#8b7840
```
#8b7840 rgb(139,120,64)
```
#9c8748
```
#9c8748 rgb(156,135,72)
```

Monochromatic Color

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

#684c30
```
#684c30 rgb(104,76,48)
```
#685130
```
#685130 rgb(104,81,48)
```
#685530
```
#685530 rgb(104,85,48)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#685f30
```
#685f30 rgb(104,95,48)
```
#686330
```
#686330 rgb(104,99,48)
```
#686830
```
#686830 rgb(104,104,48)
```

Similar Colors

Text with hexadecimal color #685a30

This text has a font color of #685a30.

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

#685a30 background color

This paragraph has a background color of #685a30.

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

#685a30 border color

This element has a border color of #685a30.

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

CSS codes

.text {color:#685a30;}

.background {background-color:#685a30;}

.border {border:1px solid #685a30;}

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

#0a0905
```
#0a0905 rgb(10,9,5)
```
#17140b
```
#17140b rgb(23,20,11)
```
#252011
```
#252011 rgb(37,32,17)
```
#322c17
```
#322c17 rgb(50,44,23)
```
#40371d
```
#40371d rgb(64,55,29)
```
#4d4324
```
#4d4324 rgb(77,67,36)
```
#5b4e2a
```
#5b4e2a rgb(91,78,42)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#756636
```
#756636 rgb(117,102,54)
```
#83713c
```
#83713c rgb(131,113,60)
```
#907d43
```
#907d43 rgb(144,125,67)
```
#9e8849
```
#9e8849 rgb(158,136,73)
```
#ab944f
```
#ab944f rgb(171,148,79)
```

Shade Color Variation

#b39d5b
```
#b39d5b rgb(179,157,91)
```
#b9a568
```
#b9a568 rgb(185,165,104)
```
#c0ad75
```
#c0ad75 rgb(192,173,117)
```
#c6b583
```
#c6b583 rgb(198,181,131)
```
#ccbd90
```
#ccbd90 rgb(204,189,144)
```
#d2c59e
```
#d2c59e rgb(210,197,158)
```
#d8cdab
```
#d8cdab rgb(216,205,171)
```
#ded5b9
```
#ded5b9 rgb(222,213,185)
```
#e5ddc6
```
#e5ddc6 rgb(229,221,198)
```
#ebe5d3
```
#ebe5d3 rgb(235,229,211)
```
#f1ede1
```
#f1ede1 rgb(241,237,225)
```
#f7f5ee
```
#f7f5ee rgb(247,245,238)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#514e47
```
#514e47 rgb(81,78,71)
```
#565142
```
#565142 rgb(86,81,66)
```
#5c543c
```
#5c543c rgb(92,84,60)
```
#625736
```
#625736 rgb(98,87,54)
```
#685a30
```
#685a30 rgb(104,90,48)
```
#6e5d2a
```
#6e5d2a rgb(110,93,42)
```
#746024
```
#746024 rgb(116,96,36)
```
#7a631e
```
#7a631e rgb(122,99,30)
```
#7f6619
```
#7f6619 rgb(127,102,25)
```
#856913
```
#856913 rgb(133,105,19)
```
#8b6c0d
```
#8b6c0d rgb(139,108,13)
```
#916e07
```
#916e07 rgb(145,110,7)
```
#977101
```
#977101 rgb(151,113,1)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#5c5951 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c633b Protanopia 1% of men
#785f3b Deuteranopia 1% of men
#745d64 Tritanopia 0.001% of the population

Trichromacy

#6b6037 Protanomaly 1% of men, 0.01% of women
#725d37 Deuteranomaly 6% of men, 0.4% of women
#6f5c51 Tritanomaly 0.01% of the population

#685a30 hex color

#685a30 Color Information

#685a30 Color Conversion

Color Schemes with #685a30

Alternatives to #685a30

#685a30 Preview

Shades and Tints of #685a30

Tones of #685a30

Color Blindness Simulator