#a3b8af hex color

In a RGB color space, hex #a3b8af is composed of 63.9% red, 72.2% green and 68.6% blue. Whereas in a CMYK color space, it is composed of 11.4% cyan, 0% magenta, 4.9% yellow and 27.8% black. It has a hue angle of 154.3 degrees, a saturation of 12.9% and a lightness of 68%. #a3b8af color hex could be obtained by blending #ffffff with #47715f. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 64
- G 72
- B 69
RGB color chart
- C 11
- M 0
- Y 5
- K 28
CMYK color chart

● #a3b8af color description : Grayish cyan - lime green.

The hexadecimal color #a3b8af has RGB values of R:163, G:184, B:175 and CMYK values of C:0.11, M:0, Y:0.05, K:0.28. Its decimal value is 10729647.

Hex triplet	a3b8af	`#a3b8af`
RGB Decimal	163, 184, 175	`rgb(163,184,175)`
RGB Percent	63.9, 72.2, 68.6	`rgb(63.9%,72.2%,68.6%)`
CMYK	11, 0, 5, 28
HSL	154.3°, 12.9, 68	`hsl(154.3,12.9%,68%)`
HSV (or HSB)	154.3°, 11.4, 72.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.998, -8.979, 2.118
XYZ	39.981, 45.162, 47.166
xyY	0.302, 0.341, 45.162
CIE-LCH	72.998, 9.226, 166.73
CIE-LUV	72.998, -11.052, 4.641
Hunter-Lab	67.203, -11.41, 5.43
Binary	10100011, 10111000, 10101111

#a3b8af
```
#a3b8af rgb(163,184,175)
```
#b8a3ac
```
#b8a3ac rgb(184,163,172)
```

Complementary Color

#a3b8a5
```
#a3b8a5 rgb(163,184,165)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#a3b7b8
```
#a3b7b8 rgb(163,183,184)
```

Analogous Color

#b8a5a3
```
#b8a5a3 rgb(184,165,163)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#b8a3b7
```
#b8a3b7 rgb(184,163,183)
```

Split Complementary Color

#b8afa3
```
#b8afa3 rgb(184,175,163)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#afa3b8
```
#afa3b8 rgb(175,163,184)
```

Triadic Color

#acb8a3
```
#acb8a3 rgb(172,184,163)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#afa3b8
```
#afa3b8 rgb(175,163,184)
```
#b8a3ac
```
#b8a3ac rgb(184,163,172)
```

Tetradic Color

#789789
```
#789789 rgb(120,151,137)
```
#86a296
```
#86a296 rgb(134,162,150)
```
#95ada2
```
#95ada2 rgb(149,173,162)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#b1c3bc
```
#b1c3bc rgb(177,195,188)
```
#c0cec8
```
#c0cec8 rgb(192,206,200)
```
#ced9d5
```
#ced9d5 rgb(206,217,213)
```

Monochromatic Color

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

#a3b8aa
```
#a3b8aa rgb(163,184,170)
```
#a3b8ac
```
#a3b8ac rgb(163,184,172)
```
#a3b8ad
```
#a3b8ad rgb(163,184,173)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#a3b8b1
```
#a3b8b1 rgb(163,184,177)
```
#a3b8b3
```
#a3b8b3 rgb(163,184,179)
```
#a3b8b4
```
#a3b8b4 rgb(163,184,180)
```

Similar Colors

Text with hexadecimal color #a3b8af

This text has a font color of #a3b8af.

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

#a3b8af background color

This paragraph has a background color of #a3b8af.

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

#a3b8af border color

This element has a border color of #a3b8af.

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

CSS codes

.text {color:#a3b8af;}

.background {background-color:#a3b8af;}

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

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

#060807
```
#060807 rgb(6,8,7)
```
#0e1311
```
#0e1311 rgb(14,19,17)
```
#171e1b
```
#171e1b rgb(23,30,27)
```
#202925
```
#202925 rgb(32,41,37)
```
#28342f
```
#28342f rgb(40,52,47)
```
#313f39
```
#313f39 rgb(49,63,57)
```
#394a43
```
#394a43 rgb(57,74,67)
```
#42554d
```
#42554d rgb(66,85,77)
```
#4a6057
```
#4a6057 rgb(74,96,87)
```
#536b61
```
#536b61 rgb(83,107,97)
```
#5b766b
```
#5b766b rgb(91,118,107)
```
#648175
```
#648175 rgb(100,129,117)
```
#6c8c7f
```
#6c8c7f rgb(108,140,127)
```

Shade Color Variation

#779688
```
#779688 rgb(119,150,136)
```
#829e92
```
#829e92 rgb(130,158,146)
```
#8da79c
```
#8da79c rgb(141,167,156)
```
#98afa5
```
#98afa5 rgb(152,175,165)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#aec1b9
```
#aec1b9 rgb(174,193,185)
```
#b9c9c2
```
#b9c9c2 rgb(185,201,194)
```
#c4d2cc
```
#c4d2cc rgb(196,210,204)
```
#cfdad6
```
#cfdad6 rgb(207,218,214)
```
#dae3df
```
#dae3df rgb(218,227,223)
```
#e5ebe9
```
#e5ebe9 rgb(229,235,233)
```
#f0f4f2
```
#f0f4f2 rgb(240,244,242)
```
#fcfcfc
```
#fcfcfc rgb(252,252,252)
```

Tint Color Variation

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

#a9b2ae
```
#a9b2ae rgb(169,178,174)
```
#a3b8af
```
#a3b8af rgb(163,184,175)
```
#9dbeb0
```
#9dbeb0 rgb(157,190,176)
```
#96c5b1
```
#96c5b1 rgb(150,197,177)
```
#90cbb2
```
#90cbb2 rgb(144,203,178)
```
#8ad1b3
```
#8ad1b3 rgb(138,209,179)
```
#84d7b3
```
#84d7b3 rgb(132,215,179)
```
#7ddeb4
```
#7ddeb4 rgb(125,222,180)
```
#77e4b5
```
#77e4b5 rgb(119,228,181)
```
#71eab6
```
#71eab6 rgb(113,234,182)
```
#6bf0b7
```
#6bf0b7 rgb(107,240,183)
```
#64f7b8
```
#64f7b8 rgb(100,247,184)
```
#5efdb9
```
#5efdb9 rgb(94,253,185)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#aeb2b1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb6b0 Protanopia 1% of men
#c8b1b6 Deuteranopia 1% of men
#abb8c6 Tritanopia 0.001% of the population

Trichromacy

#b2b6af Protanomaly 1% of men, 0.01% of women
#bab3b3 Deuteranomaly 6% of men, 0.4% of women
#a8b8bd Tritanomaly 0.01% of the population

#a3b8af hex color

#a3b8af Color Information

#a3b8af Color Conversion

Color Schemes with #a3b8af

Alternatives to #a3b8af

#a3b8af Preview

Shades and Tints of #a3b8af

Tones of #a3b8af

Color Blindness Simulator