#afa523 hex color

In a RGB color space, hex #afa523 is composed of 68.6% red, 64.7% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.7% magenta, 80% yellow and 31.4% black. It has a hue angle of 55.7 degrees, a saturation of 66.7% and a lightness of 41.2%. #afa523 color hex could be obtained by blending #ffff46 with #5f4b00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 65
- B 14
RGB color chart
- C 0
- M 6
- Y 80
- K 31
CMYK color chart

● #afa523 color description : Dark yellow [Olive tone].

The hexadecimal color #afa523 has RGB values of R:175, G:165, B:35 and CMYK values of C:0, M:0.06, Y:0.8, K:0.31. Its decimal value is 11511075.

Hex triplet	afa523	`#afa523`
RGB Decimal	175, 165, 35	`rgb(175,165,35)`
RGB Percent	68.6, 64.7, 13.7	`rgb(68.6%,64.7%,13.7%)`
CMYK	0, 6, 80, 31
HSL	55.7°, 66.7, 41.2	`hsl(55.7,66.7%,41.2%)`
HSV (or HSB)	55.7°, 80, 68.6
Web Safe	999933	`#999933`

CIE-LAB	66.632, -10.384, 62.689
XYZ	31.438, 36.146, 6.911
xyY	0.422, 0.485, 36.146
CIE-LCH	66.632, 63.543, 99.405
CIE-LUV	66.632, 11.895, 68.429
Hunter-Lab	60.122, -11.875, 35.27
Binary	10101111, 10100101, 00100011

#afa523
```
#afa523 rgb(175,165,35)
```
#232daf
```
#232daf rgb(35,45,175)
```

Complementary Color

#af5f23
```
#af5f23 rgb(175,95,35)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#73af23
```
#73af23 rgb(115,175,35)
```

Analogous Color

#5f23af
```
#5f23af rgb(95,35,175)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#2373af
```
#2373af rgb(35,115,175)
```

Split Complementary Color

#a523af
```
#a523af rgb(165,35,175)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#23afa5
```
#23afa5 rgb(35,175,165)
```

Triadic Color

#af232d
```
#af232d rgb(175,35,45)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#23afa5
```
#23afa5 rgb(35,175,165)
```
#232daf
```
#232daf rgb(35,45,175)
```

Tetradic Color

#6f6916
```
#6f6916 rgb(111,105,22)
```
#857d1b
```
#857d1b rgb(133,125,27)
```
#9a911f
```
#9a911f rgb(154,145,31)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#c4b927
```
#c4b927 rgb(196,185,39)
```
#d6ca30
```
#d6ca30 rgb(214,202,48)
```
#dacf45
```
#dacf45 rgb(218,207,69)
```

Monochromatic Color

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

#af8223
```
#af8223 rgb(175,130,35)
```
#af8e23
```
#af8e23 rgb(175,142,35)
```
#af9923
```
#af9923 rgb(175,153,35)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#adaf23
```
#adaf23 rgb(173,175,35)
```
#a2af23
```
#a2af23 rgb(162,175,35)
```
#96af23
```
#96af23 rgb(150,175,35)
```

Similar Colors

Text with hexadecimal color #afa523

This text has a font color of #afa523.

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

#afa523 background color

This paragraph has a background color of #afa523.

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

#afa523 border color

This element has a border color of #afa523.

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

CSS codes

.text {color:#afa523;}

.background {background-color:#afa523;}

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

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, #0c0b02 is the darkest color, while #fefefa is the lightest one.

#0c0b02
```
#0c0b02 rgb(12,11,2)
```
#1c1a06
```
#1c1a06 rgb(28,26,6)
```
#2c2a09
```
#2c2a09 rgb(44,42,9)
```
#3d390c
```
#3d390c rgb(61,57,12)
```
#4d490f
```
#4d490f rgb(77,73,15)
```
#5d5813
```
#5d5813 rgb(93,88,19)
```
#6e6716
```
#6e6716 rgb(110,103,22)
```
#7e7719
```
#7e7719 rgb(126,119,25)
```
#8e861c
```
#8e861c rgb(142,134,28)
```
#9f9620
```
#9f9620 rgb(159,150,32)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#bfb426
```
#bfb426 rgb(191,180,38)
```
#d0c42a
```
#d0c42a rgb(208,196,42)
```

Shade Color Variation

#d7cb36
```
#d7cb36 rgb(215,203,54)
```
#dad046
```
#dad046 rgb(218,208,70)
```
#ddd457
```
#ddd457 rgb(221,212,87)
```
#e1d867
```
#e1d867 rgb(225,216,103)
```
#e4dc77
```
#e4dc77 rgb(228,220,119)
```
#e7e088
```
#e7e088 rgb(231,224,136)
```
#eae598
```
#eae598 rgb(234,229,152)
```
#eee9a8
```
#eee9a8 rgb(238,233,168)
```
#f1edb9
```
#f1edb9 rgb(241,237,185)
```
#f4f1c9
```
#f4f1c9 rgb(244,241,201)
```
#f8f5da
```
#f8f5da rgb(248,245,218)
```
#fbfaea
```
#fbfaea rgb(251,250,234)
```
#fefefa
```
#fefefa rgb(254,254,250)
```

Tint Color Variation

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

#6e6e64
```
#6e6e64 rgb(110,110,100)
```
#76755c
```
#76755c rgb(118,117,92)
```
#7f7b53
```
#7f7b53 rgb(127,123,83)
```
#87824b
```
#87824b rgb(135,130,75)
```
#8f8943
```
#8f8943 rgb(143,137,67)
```
#97903b
```
#97903b rgb(151,144,59)
```
#9f9733
```
#9f9733 rgb(159,151,51)
```
#a79e2b
```
#a79e2b rgb(167,158,43)
```
#afa523
```
#afa523 rgb(175,165,35)
```
#b7ac1b
```
#b7ac1b rgb(183,172,27)
```
#bfb313
```
#bfb313 rgb(191,179,19)
```
#c7ba0b
```
#c7ba0b rgb(199,186,11)
```
#cfc103
```
#cfc103 rgb(207,193,3)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#9d9b81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa72d Protanopia 1% of men
#cf9f34 Deuteranopia 1% of men
#bd9ea9 Tritanopia 0.001% of the population

Trichromacy

#b6a629 Protanomaly 1% of men, 0.01% of women
#c3a12e Deuteranomaly 6% of men, 0.4% of women
#b8a178 Tritanomaly 0.01% of the population

#afa523 hex color

#afa523 Color Information

#afa523 Color Conversion

Color Schemes with #afa523

Alternatives to #afa523

#afa523 Preview

Shades and Tints of #afa523

Tones of #afa523

Color Blindness Simulator