#afb493 hex color

In a RGB color space, hex #afb493 is composed of 68.6% red, 70.6% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 18.3% yellow and 29.4% black. It has a hue angle of 69.1 degrees, a saturation of 18% and a lightness of 64.1%. #afb493 color hex could be obtained by blending #ffffff with #5f6927. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 71
- B 58
RGB color chart
- C 3
- M 0
- Y 18
- K 29
CMYK color chart

● #afb493 color description : Grayish yellow.

The hexadecimal color #afb493 has RGB values of R:175, G:180, B:147 and CMYK values of C:0.03, M:0, Y:0.18, K:0.29. Its decimal value is 11515027.

Hex triplet	afb493	`#afb493`
RGB Decimal	175, 180, 147	`rgb(175,180,147)`
RGB Percent	68.6, 70.6, 57.6	`rgb(68.6%,70.6%,57.6%)`
CMYK	3, 0, 18, 29
HSL	69.1°, 18, 64.1	`hsl(69.1,18%,64.1%)`
HSV (or HSB)	69.1°, 18.3, 70.6
Web Safe	99cc99	`#99cc99`

CIE-LAB	72.137, -7.512, 16.274
XYZ	39.266, 43.863, 34
xyY	0.335, 0.374, 43.863
CIE-LCH	72.137, 17.924, 114.779
CIE-LUV	72.137, -1.235, 24.016
Hunter-Lab	66.229, -10.072, 15.923
Binary	10101111, 10110100, 10010011

#afb493
```
#afb493 rgb(175,180,147)
```
#9893b4
```
#9893b4 rgb(152,147,180)
```

Complementary Color

#b4a993
```
#b4a993 rgb(180,169,147)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#9fb493
```
#9fb493 rgb(159,180,147)
```

Analogous Color

#a993b4
```
#a993b4 rgb(169,147,180)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#939fb4
```
#939fb4 rgb(147,159,180)
```

Split Complementary Color

#b493af
```
#b493af rgb(180,147,175)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#93afb4
```
#93afb4 rgb(147,175,180)
```

Triadic Color

#b49893
```
#b49893 rgb(180,152,147)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#93afb4
```
#93afb4 rgb(147,175,180)
```
#9893b4
```
#9893b4 rgb(152,147,180)
```

Tetradic Color

#8d9467
```
#8d9467 rgb(141,148,103)
```
#999f75
```
#999f75 rgb(153,159,117)
```
#a4aa84
```
#a4aa84 rgb(164,170,132)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#babea2
```
#babea2 rgb(186,190,162)
```
#c5c9b1
```
#c5c9b1 rgb(197,201,177)
```
#d0d3c0
```
#d0d3c0 rgb(208,211,192)
```

Monochromatic Color

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

#b4b193
```
#b4b193 rgb(180,177,147)
```
#b4b493
```
#b4b493 rgb(180,180,147)
```
#b2b493
```
#b2b493 rgb(178,180,147)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#acb493
```
#acb493 rgb(172,180,147)
```
#aab493
```
#aab493 rgb(170,180,147)
```
#a7b493
```
#a7b493 rgb(167,180,147)
```

Similar Colors

Text with hexadecimal color #afb493

This text has a font color of #afb493.

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

#afb493 background color

This paragraph has a background color of #afb493.

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

#afb493 border color

This element has a border color of #afb493.

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

CSS codes

.text {color:#afb493;}

.background {background-color:#afb493;}

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

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

#070805
```
#070805 rgb(7,8,5)
```
#12130d
```
#12130d rgb(18,19,13)
```
#1d1f15
```
#1d1f15 rgb(29,31,21)
```
#292a1e
```
#292a1e rgb(41,42,30)
```
#343626
```
#343626 rgb(52,54,38)
```
#3f422e
```
#3f422e rgb(63,66,46)
```
#4a4d36
```
#4a4d36 rgb(74,77,54)
```
#55593e
```
#55593e rgb(85,89,62)
```
#606446
```
#606446 rgb(96,100,70)
```
#6b704e
```
#6b704e rgb(107,112,78)
```
#767c56
```
#767c56 rgb(118,124,86)
```
#81875e
```
#81875e rgb(129,135,94)
```
#8c9366
```
#8c9366 rgb(140,147,102)
```

Shade Color Variation

#959c70
```
#959c70 rgb(149,156,112)
```
#9ea47c
```
#9ea47c rgb(158,164,124)
```
#a6ac87
```
#a6ac87 rgb(166,172,135)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#b8bc9f
```
#b8bc9f rgb(184,188,159)
```
#c0c4aa
```
#c0c4aa rgb(192,196,170)
```
#c9ccb6
```
#c9ccb6 rgb(201,204,182)
```
#d1d4c1
```
#d1d4c1 rgb(209,212,193)
```
#dadccd
```
#dadccd rgb(218,220,205)
```
#e2e4d8
```
#e2e4d8 rgb(226,228,216)
```
#ebece4
```
#ebece4 rgb(235,236,228)
```
#f4f4f0
```
#f4f4f0 rgb(244,244,240)
```
#fcfcfb
```
#fcfcfb rgb(252,252,251)
```

Tint Color Variation

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

#a5a6a1
```
#a5a6a1 rgb(165,166,161)
```
#aaad9a
```
#aaad9a rgb(170,173,154)
```
#afb493
```
#afb493 rgb(175,180,147)
```
#b4bb8c
```
#b4bb8c rgb(180,187,140)
```
#b9c285
```
#b9c285 rgb(185,194,133)
```
#bec97e
```
#bec97e rgb(190,201,126)
```
#c3d077
```
#c3d077 rgb(195,208,119)
```
#c8d770
```
#c8d770 rgb(200,215,112)
```
#ccde69
```
#ccde69 rgb(204,222,105)
```
#d1e562
```
#d1e562 rgb(209,229,98)
```
#d6ec5b
```
#d6ec5b rgb(214,236,91)
```
#dbf354
```
#dbf354 rgb(219,243,84)
```
#e0fa4d
```
#e0fa4d rgb(224,250,77)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb0a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#beb497 Protanopia 1% of men
#ceae9b Deuteranopia 1% of men
#b9b2bf Tritanopia 0.001% of the population

Trichromacy

#b9b495 Protanomaly 1% of men, 0.01% of women
#c3b098 Deuteranomaly 6% of men, 0.4% of women
#b5b2af Tritanomaly 0.01% of the population

#afb493 hex color

#afb493 Color Information

#afb493 Color Conversion

Color Schemes with #afb493

Alternatives to #afb493

#afb493 Preview

Shades and Tints of #afb493

Tones of #afb493

Color Blindness Simulator