#afb293 hex color

In a RGB color space, hex #afb293 is composed of 68.6% red, 69.8% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 17.4% yellow and 30.2% black. It has a hue angle of 65.8 degrees, a saturation of 16.8% and a lightness of 63.7%. #afb293 color hex could be obtained by blending #ffffff with #5f6527. Closest websafe color is: #999999.

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

● #afb293 color description : Dark grayish yellow.

The hexadecimal color #afb293 has RGB values of R:175, G:178, B:147 and CMYK values of C:0.02, M:0, Y:0.17, K:0.3. Its decimal value is 11514515.

Hex triplet	afb293	`#afb293`
RGB Decimal	175, 178, 147	`rgb(175,178,147)`
RGB Percent	68.6, 69.8, 57.6	`rgb(68.6%,69.8%,57.6%)`
CMYK	2, 0, 17, 30
HSL	65.8°, 16.8, 63.7	`hsl(65.8,16.8%,63.7%)`
HSV (or HSB)	65.8°, 17.4, 69.8
Web Safe	999999	`#999999`

CIE-LAB	71.597, -6.455, 15.52
XYZ	38.865, 43.061, 33.866
xyY	0.336, 0.372, 43.061
CIE-LCH	71.597, 16.809, 112.583
CIE-LUV	71.597, -0.14, 22.796
Hunter-Lab	65.621, -9.118, 15.336
Binary	10101111, 10110010, 10010011

#afb293
```
#afb293 rgb(175,178,147)
```
#9693b2
```
#9693b2 rgb(150,147,178)
```

Complementary Color

#b2a693
```
#b2a693 rgb(178,166,147)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#a0b293
```
#a0b293 rgb(160,178,147)
```

Analogous Color

#a693b2
```
#a693b2 rgb(166,147,178)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#93a0b2
```
#93a0b2 rgb(147,160,178)
```

Split Complementary Color

#b293af
```
#b293af rgb(178,147,175)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#93afb2
```
#93afb2 rgb(147,175,178)
```

Triadic Color

#b29693
```
#b29693 rgb(178,150,147)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#93afb2
```
#93afb2 rgb(147,175,178)
```
#9693b2
```
#9693b2 rgb(150,147,178)
```

Tetradic Color

#8d9167
```
#8d9167 rgb(141,145,103)
```
#999d75
```
#999d75 rgb(153,157,117)
```
#a4a784
```
#a4a784 rgb(164,167,132)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#babda2
```
#babda2 rgb(186,189,162)
```
#c5c7b1
```
#c5c7b1 rgb(197,199,177)
```
#d0d2c0
```
#d0d2c0 rgb(208,210,192)
```

Monochromatic Color

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

#b2ad93
```
#b2ad93 rgb(178,173,147)
```
#b2b093
```
#b2b093 rgb(178,176,147)
```
#b2b293
```
#b2b293 rgb(178,178,147)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#acb293
```
#acb293 rgb(172,178,147)
```
#aab293
```
#aab293 rgb(170,178,147)
```
#a7b293
```
#a7b293 rgb(167,178,147)
```

Similar Colors

Text with hexadecimal color #afb293

This text has a font color of #afb293.

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

#afb293 background color

This paragraph has a background color of #afb293.

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

#afb293 border color

This element has a border color of #afb293.

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

CSS codes

.text {color:#afb293;}

.background {background-color:#afb293;}

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

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

#060705
```
#060705 rgb(6,7,5)
```
#11120d
```
#11120d rgb(17,18,13)
```
#1d1d15
```
#1d1d15 rgb(29,29,21)
```
#28291d
```
#28291d rgb(40,41,29)
```
#333425
```
#333425 rgb(51,52,37)
```
#3e402d
```
#3e402d rgb(62,64,45)
```
#494b36
```
#494b36 rgb(73,75,54)
```
#54573e
```
#54573e rgb(84,87,62)
```
#5f6246
```
#5f6246 rgb(95,98,70)
```
#6b6e4e
```
#6b6e4e rgb(107,110,78)
```
#767956
```
#767956 rgb(118,121,86)
```
#81845e
```
#81845e rgb(129,132,94)
```
#8c9067
```
#8c9067 rgb(140,144,103)
```

Shade Color Variation

#969a71
```
#969a71 rgb(150,154,113)
```
#9ea27c
```
#9ea27c rgb(158,162,124)
```
#a7aa88
```
#a7aa88 rgb(167,170,136)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#b7ba9e
```
#b7ba9e rgb(183,186,158)
```
#c0c2aa
```
#c0c2aa rgb(192,194,170)
```
#c8cab5
```
#c8cab5 rgb(200,202,181)
```
#d1d3c1
```
#d1d3c1 rgb(209,211,193)
```
#d9dbcc
```
#d9dbcc rgb(217,219,204)
```
#e2e3d8
```
#e2e3d8 rgb(226,227,216)
```
#eaebe3
```
#eaebe3 rgb(234,235,227)
```
#f3f3ef
```
#f3f3ef rgb(243,243,239)
```
#fbfbfa
```
#fbfbfa rgb(251,251,250)
```

Tint Color Variation

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

#a4a4a1
```
#a4a4a1 rgb(164,164,161)
```
#a9ab9a
```
#a9ab9a rgb(169,171,154)
```
#afb293
```
#afb293 rgb(175,178,147)
```
#b5b98c
```
#b5b98c rgb(181,185,140)
```
#bac085
```
#bac085 rgb(186,192,133)
```
#c0c77e
```
#c0c77e rgb(192,199,126)
```
#c6ce77
```
#c6ce77 rgb(198,206,119)
```
#ccd66f
```
#ccd66f rgb(204,214,111)
```
#d1dd68
```
#d1dd68 rgb(209,221,104)
```
#d7e461
```
#d7e461 rgb(215,228,97)
```
#ddeb5a
```
#ddeb5a rgb(221,235,90)
```
#e3f253
```
#e3f253 rgb(227,242,83)
```
#e8f94c
```
#e8f94c rgb(232,249,76)
```

Tone Color Variation

Below, you can see how #afb293 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
#ccad9b Deuteranopia 1% of men
#b9b0bd Tritanopia 0.001% of the population

Trichromacy

#b7b295 Protanomaly 1% of men, 0.01% of women
#c2ae98 Deuteranomaly 6% of men, 0.4% of women
#b5b1ad Tritanomaly 0.01% of the population

#afb293 hex color

#afb293 Color Information

#afb293 Color Conversion

Color Schemes with #afb293

Alternatives to #afb293

#afb293 Preview

Shades and Tints of #afb293

Tones of #afb293

Color Blindness Simulator