#a5c685 hex color

In a RGB color space, hex #a5c685 is composed of 64.7% red, 77.6% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 32.8% yellow and 22.4% black. It has a hue angle of 90.5 degrees, a saturation of 36.3% and a lightness of 64.9%. #a5c685 color hex could be obtained by blending #ffffff with #4b8d0b. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 65
- G 78
- B 52
RGB color chart
- C 17
- M 0
- Y 33
- K 22
CMYK color chart

● #a5c685 color description : Slightly desaturated green.

The hexadecimal color #a5c685 has RGB values of R:165, G:198, B:133 and CMYK values of C:0.17, M:0, Y:0.33, K:0.22. Its decimal value is 10864261.

Hex triplet	a5c685	`#a5c685`
RGB Decimal	165, 198, 133	`rgb(165,198,133)`
RGB Percent	64.7, 77.6, 52.2	`rgb(64.7%,77.6%,52.2%)`
CMYK	17, 0, 33, 22
HSL	90.5°, 36.3, 64.9	`hsl(90.5,36.3%,64.9%)`
HSV (or HSB)	90.5°, 32.8, 77.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	76.119, -22.544, 29.044
XYZ	39.944, 50.08, 29.751
xyY	0.333, 0.418, 50.08
CIE-LCH	76.119, 36.767, 127.819
CIE-LUV	76.119, -16.19, 43.159
Hunter-Lab	70.767, -23.091, 24.611
Binary	10100101, 11000110, 10000101

#a5c685
```
#a5c685 rgb(165,198,133)
```
#a685c6
```
#a685c6 rgb(166,133,198)
```

Complementary Color

#c6c685
```
#c6c685 rgb(198,198,133)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#85c686
```
#85c686 rgb(133,198,134)
```

Analogous Color

#c685c6
```
#c685c6 rgb(198,133,198)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#8685c6
```
#8685c6 rgb(134,133,198)
```

Split Complementary Color

#c685a5
```
#c685a5 rgb(198,133,165)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#85a5c6
```
#85a5c6 rgb(133,165,198)
```

Triadic Color

#c6a685
```
#c6a685 rgb(198,166,133)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#85a5c6
```
#85a5c6 rgb(133,165,198)
```
#a685c6
```
#a685c6 rgb(166,133,198)
```

Tetradic Color

#7fad51
```
#7fad51 rgb(127,173,81)
```
#8bb662
```
#8bb662 rgb(139,182,98)
```
#98be74
```
#98be74 rgb(152,190,116)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#b2ce96
```
#b2ce96 rgb(178,206,150)
```
#bfd6a8
```
#bfd6a8 rgb(191,214,168)
```
#cbdeb9
```
#cbdeb9 rgb(203,222,185)
```

Monochromatic Color

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

#b5c685
```
#b5c685 rgb(181,198,133)
```
#b0c685
```
#b0c685 rgb(176,198,133)
```
#aac685
```
#aac685 rgb(170,198,133)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#a0c685
```
#a0c685 rgb(160,198,133)
```
#9ac685
```
#9ac685 rgb(154,198,133)
```
#95c685
```
#95c685 rgb(149,198,133)
```

Similar Colors

Text with hexadecimal color #a5c685

This text has a font color of #a5c685.

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

#a5c685 background color

This paragraph has a background color of #a5c685.

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

#a5c685 border color

This element has a border color of #a5c685.

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

CSS codes

.text {color:#a5c685;}

.background {background-color:#a5c685;}

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

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, #090c05 is the darkest color, while #fefefd is the lightest one.

#090c05
```
#090c05 rgb(9,12,5)
```
#12190c
```
#12190c rgb(18,25,12)
```
#1c2612
```
#1c2612 rgb(28,38,18)
```
#263418
```
#263418 rgb(38,52,24)
```
#30411e
```
#30411e rgb(48,65,30)
```
#394f25
```
#394f25 rgb(57,79,37)
```
#435c2b
```
#435c2b rgb(67,92,43)
```
#4d6931
```
#4d6931 rgb(77,105,49)
```
#577737
```
#577737 rgb(87,119,55)
```
#60843e
```
#60843e rgb(96,132,62)
```
#6a9144
```
#6a9144 rgb(106,145,68)
```
#749f4a
```
#749f4a rgb(116,159,74)
```
#7eac50
```
#7eac50 rgb(126,172,80)
```

Shade Color Variation

#87b35d
```
#87b35d rgb(135,179,93)
```
#91ba6a
```
#91ba6a rgb(145,186,106)
```
#9bc078
```
#9bc078 rgb(155,192,120)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#afcc92
```
#afcc92 rgb(175,204,146)
```
#b9d2a0
```
#b9d2a0 rgb(185,210,160)
```
#c3d9ad
```
#c3d9ad rgb(195,217,173)
```
#ccdfba
```
#ccdfba rgb(204,223,186)
```
#d6e5c8
```
#d6e5c8 rgb(214,229,200)
```
#e0ebd5
```
#e0ebd5 rgb(224,235,213)
```
#eaf2e3
```
#eaf2e3 rgb(234,242,227)
```
#f4f8f0
```
#f4f8f0 rgb(244,248,240)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#a5aaa1
```
#a5aaa1 rgb(165,170,161)
```
#a5b19a
```
#a5b19a rgb(165,177,154)
```
#a5b893
```
#a5b893 rgb(165,184,147)
```
#a5bf8c
```
#a5bf8c rgb(165,191,140)
```
#a5c685
```
#a5c685 rgb(165,198,133)
```
#a5cd7e
```
#a5cd7e rgb(165,205,126)
```
#a5d477
```
#a5d477 rgb(165,212,119)
```
#a5db70
```
#a5db70 rgb(165,219,112)
```
#a5e269
```
#a5e269 rgb(165,226,105)
```
#a4e863
```
#a4e863 rgb(164,232,99)
```
#a4ef5c
```
#a4ef5c rgb(164,239,92)
```
#a4f655
```
#a4f655 rgb(164,246,85)
```
#a4fd4e
```
#a4fd4e rgb(164,253,78)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b2b8ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebf87 Protanopia 1% of men
#e0b790 Deuteranopia 1% of men
#b5c0ce Tritanopia 0.001% of the population

Trichromacy

#bfc186 Protanomaly 1% of men, 0.01% of women
#cabc8c Deuteranomaly 6% of men, 0.4% of women
#afc2b3 Tritanomaly 0.01% of the population

#a5c685 hex color

#a5c685 Color Information

#a5c685 Color Conversion

Color Schemes with #a5c685

Alternatives to #a5c685

#a5c685 Preview

Shades and Tints of #a5c685

Tones of #a5c685

Color Blindness Simulator