#afc165 hex color

In a RGB color space, hex #afc165 is composed of 68.6% red, 75.7% green and 39.6% blue. Whereas in a CMYK color space, it is composed of 9.3% cyan, 0% magenta, 47.7% yellow and 24.3% black. It has a hue angle of 71.7 degrees, a saturation of 42.6% and a lightness of 57.6%. #afc165 color hex could be obtained by blending #ffffca with #5f8300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 76
- B 40
RGB color chart
- C 9
- M 0
- Y 48
- K 24
CMYK color chart

● #afc165 color description : Slightly desaturated yellow.

The hexadecimal color #afc165 has RGB values of R:175, G:193, B:101 and CMYK values of C:0.09, M:0, Y:0.48, K:0.24. Its decimal value is 11518309.

Hex triplet	afc165	`#afc165`
RGB Decimal	175, 193, 101	`rgb(175,193,101)`
RGB Percent	68.6, 75.7, 39.6	`rgb(68.6%,75.7%,39.6%)`
CMYK	9, 0, 48, 24
HSL	71.7°, 42.6, 57.6	`hsl(71.7,42.6%,57.6%)`
HSV (or HSB)	71.7°, 47.7, 75.7
Web Safe	99cc66	`#99cc66`

CIE-LAB	74.947, -20.157, 43.967
XYZ	39.098, 48.193, 19.554
xyY	0.366, 0.451, 48.193
CIE-LCH	74.947, 48.368, 114.629
CIE-LUV	74.947, -7.087, 58.644
Hunter-Lab	69.422, -20.958, 31.895
Binary	10101111, 11000001, 01100101

#afc165
```
#afc165 rgb(175,193,101)
```
#7765c1
```
#7765c1 rgb(119,101,193)
```

Complementary Color

#c1a565
```
#c1a565 rgb(193,165,101)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#81c165
```
#81c165 rgb(129,193,101)
```

Analogous Color

#a565c1
```
#a565c1 rgb(165,101,193)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#6581c1
```
#6581c1 rgb(101,129,193)
```

Split Complementary Color

#c165af
```
#c165af rgb(193,101,175)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#65afc1
```
#65afc1 rgb(101,175,193)
```

Triadic Color

#c17765
```
#c17765 rgb(193,119,101)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#65afc1
```
#65afc1 rgb(101,175,193)
```
#7765c1
```
#7765c1 rgb(119,101,193)
```

Tetradic Color

#899b3e
```
#899b3e rgb(137,155,62)
```
#99ad46
```
#99ad46 rgb(153,173,70)
```
#a6ba53
```
#a6ba53 rgb(166,186,83)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#b8c877
```
#b8c877 rgb(184,200,119)
```
#c2d089
```
#c2d089 rgb(194,208,137)
```
#cbd79c
```
#cbd79c rgb(203,215,156)
```

Monochromatic Color

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

#c1bc65
```
#c1bc65 rgb(193,188,101)
```
#bec165
```
#bec165 rgb(190,193,101)
```
#b7c165
```
#b7c165 rgb(183,193,101)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#a7c165
```
#a7c165 rgb(167,193,101)
```
#a0c165
```
#a0c165 rgb(160,193,101)
```
#98c165
```
#98c165 rgb(152,193,101)
```

Similar Colors

Text with hexadecimal color #afc165

This text has a font color of #afc165.

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

#afc165 background color

This paragraph has a background color of #afc165.

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

#afc165 border color

This element has a border color of #afc165.

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

CSS codes

.text {color:#afc165;}

.background {background-color:#afc165;}

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

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

#0c0e06
```
#0c0e06 rgb(12,14,6)
```
#191c0b
```
#191c0b rgb(25,28,11)
```
#252a11
```
#252a11 rgb(37,42,17)
```
#313816
```
#313816 rgb(49,56,22)
```
#3e461c
```
#3e461c rgb(62,70,28)
```
#4a5422
```
#4a5422 rgb(74,84,34)
```
#566227
```
#566227 rgb(86,98,39)
```
#63702d
```
#63702d rgb(99,112,45)
```
#6f7e33
```
#6f7e33 rgb(111,126,51)
```
#7b8c38
```
#7b8c38 rgb(123,140,56)
```
#889a3e
```
#889a3e rgb(136,154,62)
```
#94a843
```
#94a843 rgb(148,168,67)
```
#a0b649
```
#a0b649 rgb(160,182,73)
```

Shade Color Variation

#a8bb57
```
#a8bb57 rgb(168,187,87)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#b6c773
```
#b6c773 rgb(182,199,115)
```
#becc81
```
#becc81 rgb(190,204,129)
```
#c5d28f
```
#c5d28f rgb(197,210,143)
```
#ccd89d
```
#ccd89d rgb(204,216,157)
```
#d3ddab
```
#d3ddab rgb(211,221,171)
```
#dbe3b9
```
#dbe3b9 rgb(219,227,185)
```
#e2e8c7
```
#e2e8c7 rgb(226,232,199)
```
#e9eed5
```
#e9eed5 rgb(233,238,213)
```
#f0f4e3
```
#f0f4e3 rgb(240,244,227)
```
#f8f9f1
```
#f8f9f1 rgb(248,249,241)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#96978f
```
#96978f rgb(150,151,143)
```
#9ba086
```
#9ba086 rgb(155,160,134)
```
#a0a87e
```
#a0a87e rgb(160,168,126)
```
#a5b076
```
#a5b076 rgb(165,176,118)
```
#aab96d
```
#aab96d rgb(170,185,109)
```
#afc165
```
#afc165 rgb(175,193,101)
```
#b4c95d
```
#b4c95d rgb(180,201,93)
```
#b9d254
```
#b9d254 rgb(185,210,84)
```
#beda4c
```
#beda4c rgb(190,218,76)
```
#c3e244
```
#c3e244 rgb(195,226,68)
```
#c8eb3b
```
#c8eb3b rgb(200,235,59)
```
#cdf333
```
#cdf333 rgb(205,243,51)
```
#d2fb2b
```
#d2fb2b rgb(210,251,43)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b4a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebc6a Protanopia 1% of men
#e2b472 Deuteranopia 1% of men
#bfb9c7 Tritanopia 0.001% of the population

Trichromacy

#c2bd68 Protanomaly 1% of men, 0.01% of women
#d0b86d Deuteranomaly 6% of men, 0.4% of women
#b9bca3 Tritanomaly 0.01% of the population

#afc165 hex color

#afc165 Color Information

#afc165 Color Conversion

Color Schemes with #afc165

Alternatives to #afc165

#afc165 Preview

Shades and Tints of #afc165

Tones of #afc165

Color Blindness Simulator