#afb393 hex color

In a RGB color space, hex #afb393 is composed of 68.6% red, 70.2% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 17.9% yellow and 29.8% black. It has a hue angle of 67.5 degrees, a saturation of 17.4% and a lightness of 63.9%. #afb393 color hex could be obtained by blending #ffffff with #5f6727. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 70
- B 58
RGB color chart
- C 2
- M 0
- Y 18
- K 30
CMYK color chart

● #afb393 color description : Grayish yellow.

The hexadecimal color #afb393 has RGB values of R:175, G:179, B:147 and CMYK values of C:0.02, M:0, Y:0.18, K:0.3. Its decimal value is 11514771.

Hex triplet	afb393	`#afb393`
RGB Decimal	175, 179, 147	`rgb(175,179,147)`
RGB Percent	68.6, 70.2, 57.6	`rgb(68.6%,70.2%,57.6%)`
CMYK	2, 0, 18, 30
HSL	67.5°, 17.4, 63.9	`hsl(67.5,17.4%,63.9%)`
HSV (or HSB)	67.5°, 17.9, 70.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	71.867, -6.984, 15.897
XYZ	39.065, 43.461, 33.933
xyY	0.335, 0.373, 43.461
CIE-LCH	71.867, 17.364, 113.718
CIE-LUV	71.867, -0.688, 23.406
Hunter-Lab	65.925, -9.595, 15.629
Binary	10101111, 10110011, 10010011

#afb393
```
#afb393 rgb(175,179,147)
```
#9793b3
```
#9793b3 rgb(151,147,179)
```

Complementary Color

#b3a793
```
#b3a793 rgb(179,167,147)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#9fb393
```
#9fb393 rgb(159,179,147)
```

Analogous Color

#a793b3
```
#a793b3 rgb(167,147,179)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#939fb3
```
#939fb3 rgb(147,159,179)
```

Split Complementary Color

#b393af
```
#b393af rgb(179,147,175)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#93afb3
```
#93afb3 rgb(147,175,179)
```

Triadic Color

#b39793
```
#b39793 rgb(179,151,147)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#93afb3
```
#93afb3 rgb(147,175,179)
```
#9793b3
```
#9793b3 rgb(151,147,179)
```

Tetradic Color

#8d9267
```
#8d9267 rgb(141,146,103)
```
#999e75
```
#999e75 rgb(153,158,117)
```
#a4a884
```
#a4a884 rgb(164,168,132)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#babea2
```
#babea2 rgb(186,190,162)
```
#c5c8b1
```
#c5c8b1 rgb(197,200,177)
```
#d0d3c0
```
#d0d3c0 rgb(208,211,192)
```

Monochromatic Color

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

#b3af93
```
#b3af93 rgb(179,175,147)
```
#b3b293
```
#b3b293 rgb(179,178,147)
```
#b2b393
```
#b2b393 rgb(178,179,147)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#acb393
```
#acb393 rgb(172,179,147)
```
#aab393
```
#aab393 rgb(170,179,147)
```
#a7b393
```
#a7b393 rgb(167,179,147)
```

Similar Colors

Text with hexadecimal color #afb393

This text has a font color of #afb393.

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

#afb393 background color

This paragraph has a background color of #afb393.

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

#afb393 border color

This element has a border color of #afb393.

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

CSS codes

.text {color:#afb393;}

.background {background-color:#afb393;}

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

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

#070705
```
#070705 rgb(7,7,5)
```
#12130d
```
#12130d rgb(18,19,13)
```
#1d1e15
```
#1d1e15 rgb(29,30,21)
```
#282a1d
```
#282a1d rgb(40,42,29)
```
#333525
```
#333525 rgb(51,53,37)
```
#3e412e
```
#3e412e rgb(62,65,46)
```
#494c36
```
#494c36 rgb(73,76,54)
```
#54583e
```
#54583e rgb(84,88,62)
```
#606346
```
#606346 rgb(96,99,70)
```
#6b6f4e
```
#6b6f4e rgb(107,111,78)
```
#767a56
```
#767a56 rgb(118,122,86)
```
#81865e
```
#81865e rgb(129,134,94)
```
#8c9166
```
#8c9166 rgb(140,145,102)
```

Shade Color Variation

#959b70
```
#959b70 rgb(149,155,112)
```
#9ea37c
```
#9ea37c rgb(158,163,124)
```
#a6ab87
```
#a6ab87 rgb(166,171,135)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#b8bb9f
```
#b8bb9f rgb(184,187,159)
```
#c0c3aa
```
#c0c3aa rgb(192,195,170)
```
#c9cbb6
```
#c9cbb6 rgb(201,203,182)
```
#d1d3c1
```
#d1d3c1 rgb(209,211,193)
```
#dadccd
```
#dadccd rgb(218,220,205)
```
#e2e4d8
```
#e2e4d8 rgb(226,228,216)
```
#ebece4
```
#ebece4 rgb(235,236,228)
```
#f3f4ef
```
#f3f4ef rgb(243,244,239)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#a4a5a1
```
#a4a5a1 rgb(164,165,161)
```
#aaac9a
```
#aaac9a rgb(170,172,154)
```
#afb393
```
#afb393 rgb(175,179,147)
```
#b4ba8c
```
#b4ba8c rgb(180,186,140)
```
#bac185
```
#bac185 rgb(186,193,133)
```
#bfc87e
```
#bfc87e rgb(191,200,126)
```
#c4cf77
```
#c4cf77 rgb(196,207,119)
```
#cad670
```
#cad670 rgb(202,214,112)
```
#cfdd69
```
#cfdd69 rgb(207,221,105)
```
#d4e561
```
#d4e561 rgb(212,229,97)
```
#d9ec5a
```
#d9ec5a rgb(217,236,90)
```
#dff353
```
#dff353 rgb(223,243,83)
```
#e4fa4c
```
#e4fa4c rgb(228,250,76)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#aeafa9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdb397 Protanopia 1% of men
#cdad9b Deuteranopia 1% of men
#b9b1be Tritanopia 0.001% of the population

Trichromacy

#b8b395 Protanomaly 1% of men, 0.01% of women
#c2af98 Deuteranomaly 6% of men, 0.4% of women
#b5b2ae Tritanomaly 0.01% of the population

#afb393 hex color

#afb393 Color Information

#afb393 Color Conversion

Color Schemes with #afb393

Alternatives to #afb393

#afb393 Preview

Shades and Tints of #afb393

Tones of #afb393

Color Blindness Simulator