#afc661 hex color

In a RGB color space, hex #afc661 is composed of 68.6% red, 77.6% green and 38% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 51% yellow and 22.4% black. It has a hue angle of 73.7 degrees, a saturation of 47% and a lightness of 57.8%. #afc661 color hex could be obtained by blending #ffffc2 with #5f8d00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 78
- B 38
RGB color chart
- C 12
- M 0
- Y 51
- K 22
CMYK color chart

● #afc661 color description : Moderate yellow.

The hexadecimal color #afc661 has RGB values of R:175, G:198, B:97 and CMYK values of C:0.12, M:0, Y:0.51, K:0.22. Its decimal value is 11519585.

Hex triplet	afc661	`#afc661`
RGB Decimal	175, 198, 97	`rgb(175,198,97)`
RGB Percent	68.6, 77.6, 38	`rgb(68.6%,77.6%,38%)`
CMYK	12, 0, 51, 22
HSL	73.7°, 47, 57.8	`hsl(73.7,47%,57.8%)`
HSV (or HSB)	73.7°, 51, 77.6
Web Safe	99cc66	`#99cc66`

CIE-LAB	76.293, -23.025, 47.518
XYZ	40.03, 50.365, 18.921
xyY	0.366, 0.461, 50.365
CIE-LCH	76.293, 52.803, 115.852
CIE-LUV	76.293, -9.882, 63
Hunter-Lab	70.968, -23.51, 33.87
Binary	10101111, 11000110, 01100001

#afc661
```
#afc661 rgb(175,198,97)
```
#7861c6
```
#7861c6 rgb(120,97,198)
```

Complementary Color

#c6ab61
```
#c6ab61 rgb(198,171,97)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#7dc661
```
#7dc661 rgb(125,198,97)
```

Analogous Color

#ab61c6
```
#ab61c6 rgb(171,97,198)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#617dc6
```
#617dc6 rgb(97,125,198)
```

Split Complementary Color

#c661af
```
#c661af rgb(198,97,175)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#61afc6
```
#61afc6 rgb(97,175,198)
```

Triadic Color

#c67861
```
#c67861 rgb(198,120,97)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#61afc6
```
#61afc6 rgb(97,175,198)
```
#7861c6
```
#7861c6 rgb(120,97,198)
```

Tetradic Color

#89a13a
```
#89a13a rgb(137,161,58)
```
#99b341
```
#99b341 rgb(153,179,65)
```
#a6bf4e
```
#a6bf4e rgb(166,191,78)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#b8cd74
```
#b8cd74 rgb(184,205,116)
```
#c2d486
```
#c2d486 rgb(194,212,134)
```
#cbda99
```
#cbda99 rgb(203,218,153)
```

Monochromatic Color

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

#c6c461
```
#c6c461 rgb(198,196,97)
```
#c0c661
```
#c0c661 rgb(192,198,97)
```
#b7c661
```
#b7c661 rgb(183,198,97)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#a7c661
```
#a7c661 rgb(167,198,97)
```
#9ec661
```
#9ec661 rgb(158,198,97)
```
#96c661
```
#96c661 rgb(150,198,97)
```

Similar Colors

Text with hexadecimal color #afc661

This text has a font color of #afc661.

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

#afc661 background color

This paragraph has a background color of #afc661.

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

#afc661 border color

This element has a border color of #afc661.

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

CSS codes

.text {color:#afc661;}

.background {background-color:#afc661;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d0f05
```
#0d0f05 rgb(13,15,5)
```
#191d0b
```
#191d0b rgb(25,29,11)
```
#252c10
```
#252c10 rgb(37,44,16)
```
#323a15
```
#323a15 rgb(50,58,21)
```
#3e491a
```
#3e491a rgb(62,73,26)
```
#4a571f
```
#4a571f rgb(74,87,31)
```
#576525
```
#576525 rgb(87,101,37)
```
#63742a
```
#63742a rgb(99,116,42)
```
#6f822f
```
#6f822f rgb(111,130,47)
```
#7c9134
```
#7c9134 rgb(124,145,52)
```
#889f39
```
#889f39 rgb(136,159,57)
```
#94ae3f
```
#94ae3f rgb(148,174,63)
```

Shade Color Variation

#a0bc44
```
#a0bc44 rgb(160,188,68)
```
#a8c153
```
#a8c153 rgb(168,193,83)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#b6cb6f
```
#b6cb6f rgb(182,203,111)
```
#bed07e
```
#bed07e rgb(190,208,126)
```
#c5d68c
```
#c5d68c rgb(197,214,140)
```
#ccdb9b
```
#ccdb9b rgb(204,219,155)
```
#d3e0a9
```
#d3e0a9 rgb(211,224,169)
```
#dbe5b7
```
#dbe5b7 rgb(219,229,183)
```
#e2eac6
```
#e2eac6 rgb(226,234,198)
```
#e9f0d4
```
#e9f0d4 rgb(233,240,212)
```
#f1f5e3
```
#f1f5e3 rgb(241,245,227)
```
#f8faf1
```
#f8faf1 rgb(248,250,241)
```

Tint Color Variation

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

#949493
```
#949493 rgb(148,148,147)
```
#989d8a
```
#989d8a rgb(152,157,138)
```
#9da582
```
#9da582 rgb(157,165,130)
```
#a1ad7a
```
#a1ad7a rgb(161,173,122)
```
#a6b572
```
#a6b572 rgb(166,181,114)
```
#aabe69
```
#aabe69 rgb(170,190,105)
```
#afc661
```
#afc661 rgb(175,198,97)
```
#b4ce59
```
#b4ce59 rgb(180,206,89)
```
#b8d750
```
#b8d750 rgb(184,215,80)
```
#bddf48
```
#bddf48 rgb(189,223,72)
```
#c1e740
```
#c1e740 rgb(193,231,64)
```
#c6ef38
```
#c6ef38 rgb(198,239,56)
```
#caf82f
```
#caf82f rgb(202,248,47)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#b3b8a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bf66 Protanopia 1% of men
#e8b76f Deuteranopia 1% of men
#c0becb Tritanopia 0.001% of the population

Trichromacy

#c5c264 Protanomaly 1% of men, 0.01% of women
#d3bc6a Deuteranomaly 6% of men, 0.4% of women
#bac0a4 Tritanomaly 0.01% of the population

#afc661 hex color

#afc661 Color Information

#afc661 Color Conversion

Color Schemes with #afc661

Alternatives to #afc661

#afc661 Preview

Shades and Tints of #afc661

Tones of #afc661

Color Blindness Simulator