#afa745 hex color

In a RGB color space, hex #afa745 is composed of 68.6% red, 65.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.6% magenta, 60.6% yellow and 31.4% black. It has a hue angle of 55.5 degrees, a saturation of 43.4% and a lightness of 47.8%. #afa745 color hex could be obtained by blending #ffff8a with #5f4f00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 65
- B 27
RGB color chart
- C 0
- M 5
- Y 61
- K 31
CMYK color chart

● #afa745 color description : Dark moderate yellow.

The hexadecimal color #afa745 has RGB values of R:175, G:167, B:69 and CMYK values of C:0, M:0.05, Y:0.61, K:0.31. Its decimal value is 11511621.

Hex triplet	afa745	`#afa745`
RGB Decimal	175, 167, 69	`rgb(175,167,69)`
RGB Percent	68.6, 65.5, 27.1	`rgb(68.6%,65.5%,27.1%)`
CMYK	0, 5, 61, 31
HSL	55.5°, 43.4, 47.8	`hsl(55.5,43.4%,47.8%)`
HSV (or HSB)	55.5°, 60.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	67.413, -9.643, 50.412
XYZ	32.572, 37.182, 11.091
xyY	0.403, 0.46, 37.182
CIE-LCH	67.413, 51.326, 100.829
CIE-LUV	67.413, 9.727, 59.863
Hunter-Lab	60.977, -11.36, 31.9
Binary	10101111, 10100111, 01000101

#afa745
```
#afa745 rgb(175,167,69)
```
#454daf
```
#454daf rgb(69,77,175)
```

Complementary Color

#af7245
```
#af7245 rgb(175,114,69)
```
#afa745
```
#afa745 rgb(175,167,69)
```
#82af45
```
#82af45 rgb(130,175,69)
```

Analogous Color

#7245af
```
#7245af rgb(114,69,175)
```
#afa745
```
#afa745 rgb(175,167,69)
```
#4582af
```
#4582af rgb(69,130,175)
```

Split Complementary Color

#a745af
```
#a745af rgb(167,69,175)
```
#afa745
```
#afa745 rgb(175,167,69)
```
#45afa7
```
#45afa7 rgb(69,175,167)
```

Triadic Color

#af454d
```
#af454d rgb(175,69,77)
```
#afa745
```
#afa745 rgb(175,167,69)
```
#45afa7
```
#45afa7 rgb(69,175,167)
```
#454daf
```
#454daf rgb(69,77,175)
```

Tetradic Color

#78732f
```
#78732f rgb(120,115,47)
```
#8a8437
```
#8a8437 rgb(138,132,55)
```
#9d963e
```
#9d963e rgb(157,150,62)
```
#afa745
```
#afa745 rgb(175,167,69)
```
#bbb353
```
#bbb353 rgb(187,179,83)
```
#c2bb65
```
#c2bb65 rgb(194,187,101)
```
#c9c377
```
#c9c377 rgb(201,195,119)
```

Monochromatic Color

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

#af8d45
```
#af8d45 rgb(175,141,69)
```
#af9545
```
#af9545 rgb(175,149,69)
```
#af9e45
```
#af9e45 rgb(175,158,69)
```
#afa745
```
#afa745 rgb(175,167,69)
```
#aeaf45
```
#aeaf45 rgb(174,175,69)
```
#a5af45
```
#a5af45 rgb(165,175,69)
```
#9daf45
```
#9daf45 rgb(157,175,69)
```

Similar Colors

Text with hexadecimal color #afa745

This text has a font color of #afa745.

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

#afa745 background color

This paragraph has a background color of #afa745.

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

#afa745 border color

This element has a border color of #afa745.

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

CSS codes

.text {color:#afa745;}

.background {background-color:#afa745;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141308
```
#141308 rgb(20,19,8)
```
#22210e
```
#22210e rgb(34,33,14)
```
#302e13
```
#302e13 rgb(48,46,19)
```
#3e3c19
```
#3e3c19 rgb(62,60,25)
```
#4d491e
```
#4d491e rgb(77,73,30)
```
#5b5624
```
#5b5624 rgb(91,86,36)
```
#696429
```
#696429 rgb(105,100,41)
```
#77712f
```
#77712f rgb(119,113,47)
```
#857f34
```
#857f34 rgb(133,127,52)
```
#938c3a
```
#938c3a rgb(147,140,58)
```
#a19a3f
```
#a19a3f rgb(161,154,63)
```
#afa745
```
#afa745 rgb(175,167,69)
```

Shade Color Variation

#b9b14e
```
#b9b14e rgb(185,177,78)
```
#bfb75c
```
#bfb75c rgb(191,183,92)
```
#c4be6a
```
#c4be6a rgb(196,190,106)
```
#cac478
```
#cac478 rgb(202,196,120)
```
#d0ca87
```
#d0ca87 rgb(208,202,135)
```
#d5d095
```
#d5d095 rgb(213,208,149)
```
#dbd6a3
```
#dbd6a3 rgb(219,214,163)
```
#e0ddb1
```
#e0ddb1 rgb(224,221,177)
```
#e6e3bf
```
#e6e3bf rgb(230,227,191)
```
#ebe9cd
```
#ebe9cd rgb(235,233,205)
```
#f1efdb
```
#f1efdb rgb(241,239,219)
```
#f6f5e9
```
#f6f5e9 rgb(246,245,233)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#807f74
```
#807f74 rgb(128,127,116)
```
#89876b
```
#89876b rgb(137,135,107)
```
#938f61
```
#938f61 rgb(147,143,97)
```
#9c9758
```
#9c9758 rgb(156,151,88)
```
#a69f4e
```
#a69f4e rgb(166,159,78)
```
#afa745
```
#afa745 rgb(175,167,69)
```
#b8af3c
```
#b8af3c rgb(184,175,60)
```
#c2b732
```
#c2b732 rgb(194,183,50)
```
#cbbf29
```
#cbbf29 rgb(203,191,41)
```
#d5c71f
```
#d5c71f rgb(213,199,31)
```
#decf16
```
#decf16 rgb(222,207,22)
```
#e7d70d
```
#e7d70d rgb(231,215,13)
```
#f1df03
```
#f1df03 rgb(241,223,3)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a08c Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa94d Protanopia 1% of men
#cea152 Deuteranopia 1% of men
#bda1ad Tritanopia 0.001% of the population

Trichromacy

#b6a84a Protanomaly 1% of men, 0.01% of women
#c3a34d Deuteranomaly 6% of men, 0.4% of women
#b7a387 Tritanomaly 0.01% of the population

#afa745 hex color

#afa745 Color Information

#afa745 Color Conversion

Color Schemes with #afa745

Alternatives to #afa745

#afa745 Preview

Shades and Tints of #afa745

Tones of #afa745

Color Blindness Simulator