#afa278 hex color

In a RGB color space, hex #afa278 is composed of 68.6% red, 63.5% green and 47.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 31.4% yellow and 31.4% black. It has a hue angle of 45.8 degrees, a saturation of 25.6% and a lightness of 57.8%. #afa278 color hex could be obtained by blending #fffff0 with #5f4500. Closest websafe color is: #999966.

♥
- f
- t
- g
- R 69
- G 64
- B 47
RGB color chart
- C 0
- M 7
- Y 31
- K 31
CMYK color chart

● #afa278 color description : Mostly desaturated dark yellow.

The hexadecimal color #afa278 has RGB values of R:175, G:162, B:120 and CMYK values of C:0, M:0.07, Y:0.31, K:0.31. Its decimal value is 11510392.

Hex triplet	afa278	`#afa278`
RGB Decimal	175, 162, 120	`rgb(175,162,120)`
RGB Percent	68.6, 63.5, 47.1	`rgb(68.6%,63.5%,47.1%)`
CMYK	0, 7, 31, 31
HSL	45.8°, 25.6, 57.8	`hsl(45.8,25.6%,57.8%)`
HSV (or HSB)	45.8°, 31.4, 68.6
Web Safe	999966	`#999966`

CIE-LAB	66.757, -1.813, 23.597
XYZ	33.989, 36.311, 22.987
xyY	0.364, 0.389, 36.311
CIE-LCH	66.757, 23.666, 94.393
CIE-LUV	66.757, 10.496, 31.489
Hunter-Lab	60.259, -4.769, 19.564
Binary	10101111, 10100010, 01111000

#afa278
```
#afa278 rgb(175,162,120)
```
#7885af
```
#7885af rgb(120,133,175)
```

Complementary Color

#af8778
```
#af8778 rgb(175,135,120)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#a1af78
```
#a1af78 rgb(161,175,120)
```

Analogous Color

#8778af
```
#8778af rgb(135,120,175)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#78a1af
```
#78a1af rgb(120,161,175)
```

Split Complementary Color

#a278af
```
#a278af rgb(162,120,175)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#78afa2
```
#78afa2 rgb(120,175,162)
```

Triadic Color

#af7885
```
#af7885 rgb(175,120,133)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#78afa2
```
#78afa2 rgb(120,175,162)
```
#7885af
```
#7885af rgb(120,133,175)
```

Tetradic Color

#897c51
```
#897c51 rgb(137,124,81)
```
#998a5b
```
#998a5b rgb(153,138,91)
```
#a69768
```
#a69768 rgb(166,151,104)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#b8ad88
```
#b8ad88 rgb(184,173,136)
```
#c2b898
```
#c2b898 rgb(194,184,152)
```
#cbc3a8
```
#cbc3a8 rgb(203,195,168)
```

Monochromatic Color

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

#af9478
```
#af9478 rgb(175,148,120)
```
#af9978
```
#af9978 rgb(175,153,120)
```
#af9d78
```
#af9d78 rgb(175,157,120)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#afa778
```
#afa778 rgb(175,167,120)
```
#afab78
```
#afab78 rgb(175,171,120)
```
#aeaf78
```
#aeaf78 rgb(174,175,120)
```

Similar Colors

Text with hexadecimal color #afa278

This text has a font color of #afa278.

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

#afa278 background color

This paragraph has a background color of #afa278.

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

#afa278 border color

This element has a border color of #afa278.

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

CSS codes

.text {color:#afa278;}

.background {background-color:#afa278;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d0c08
```
#0d0c08 rgb(13,12,8)
```
#19170f
```
#19170f rgb(25,23,15)
```
#252216
```
#252216 rgb(37,34,22)
```
#322d1d
```
#322d1d rgb(50,45,29)
```
#3e3825
```
#3e3825 rgb(62,56,37)
```
#4a432c
```
#4a432c rgb(74,67,44)
```
#574e33
```
#574e33 rgb(87,78,51)
```
#63593b
```
#63593b rgb(99,89,59)
```
#6f6542
```
#6f6542 rgb(111,101,66)
```
#7c7049
```
#7c7049 rgb(124,112,73)
```
#887b51
```
#887b51 rgb(136,123,81)
```
#948658
```
#948658 rgb(148,134,88)
```

Shade Color Variation

#a0915f
```
#a0915f rgb(160,145,95)
```
#a89a6c
```
#a89a6c rgb(168,154,108)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#b6aa84
```
#b6aa84 rgb(182,170,132)
```
#beb391
```
#beb391 rgb(190,179,145)
```
#c5bb9d
```
#c5bb9d rgb(197,187,157)
```
#ccc4a9
```
#ccc4a9 rgb(204,196,169)
```
#d3ccb6
```
#d3ccb6 rgb(211,204,182)
```
#dbd5c2
```
#dbd5c2 rgb(219,213,194)
```
#e2ddce
```
#e2ddce rgb(226,221,206)
```
#e9e6db
```
#e9e6db rgb(233,230,219)
```
#f1eee7
```
#f1eee7 rgb(241,238,231)
```
#f8f7f3
```
#f8f7f3 rgb(248,247,243)
```

Tint Color Variation

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

#969591
```
#969591 rgb(150,149,145)
```
#9e9989
```
#9e9989 rgb(158,153,137)
```
#a79e80
```
#a79e80 rgb(167,158,128)
```
#afa278
```
#afa278 rgb(175,162,120)
```
#b7a670
```
#b7a670 rgb(183,166,112)
```
#c0ab67
```
#c0ab67 rgb(192,171,103)
```
#c8af5f
```
#c8af5f rgb(200,175,95)
```
#d0b357
```
#d0b357 rgb(208,179,87)
```
#d8b84f
```
#d8b84f rgb(216,184,79)
```
#e1bc46
```
#e1bc46 rgb(225,188,70)
```
#e9c13e
```
#e9c13e rgb(233,193,62)
```
#f1c536
```
#f1c536 rgb(241,197,54)
```
#f9c92e
```
#f9c92e rgb(249,201,46)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a199 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a67f Protanopia 1% of men
#c3a080 Deuteranopia 1% of men
#b9a0ac Tritanopia 0.001% of the population

Trichromacy

#b1a57c Protanomaly 1% of men, 0.01% of women
#bca17d Deuteranomaly 6% of men, 0.4% of women
#b5a199 Tritanomaly 0.01% of the population

#afa278 hex color

#afa278 Color Information

#afa278 Color Conversion

Color Schemes with #afa278

Alternatives to #afa278

#afa278 Preview

Shades and Tints of #afa278

Tones of #afa278

Color Blindness Simulator