#afc216 hex color

In a RGB color space, hex #afc216 is composed of 68.6% red, 76.1% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 0% magenta, 88.7% yellow and 23.9% black. It has a hue angle of 66.6 degrees, a saturation of 79.6% and a lightness of 42.4%. #afc216 color hex could be obtained by blending #ffff2c with #5f8500. Closest websafe color is: #99cc00.

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

● #afc216 color description : Strong yellow.

The hexadecimal color #afc216 has RGB values of R:175, G:194, B:22 and CMYK values of C:0.1, M:0, Y:0.89, K:0.24. Its decimal value is 11518486.

Hex triplet	afc216	`#afc216`
RGB Decimal	175, 194, 22	`rgb(175,194,22)`
RGB Percent	68.6, 76.1, 8.6	`rgb(68.6%,76.1%,8.6%)`
CMYK	10, 0, 89, 24
HSL	66.6°, 79.6, 42.4	`hsl(66.6,79.6%,42.4%)`
HSV (or HSB)	66.6°, 88.7, 76.1
Web Safe	99cc00	`#99cc00`

CIE-LAB	74.671, -25.359, 72.486
XYZ	37.116, 47.756, 8.022
xyY	0.4, 0.514, 47.756
CIE-LCH	74.671, 76.794, 109.282
CIE-LUV	74.671, -6.693, 81.978
Hunter-Lab	69.105, -25.064, 41.492
Binary	10101111, 11000010, 00010110

#afc216
```
#afc216 rgb(175,194,22)
```
#2916c2
```
#2916c2 rgb(41,22,194)
```

Complementary Color

#c27f16
```
#c27f16 rgb(194,127,22)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#59c216
```
#59c216 rgb(89,194,22)
```

Analogous Color

#7f16c2
```
#7f16c2 rgb(127,22,194)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#1659c2
```
#1659c2 rgb(22,89,194)
```

Split Complementary Color

#c216af
```
#c216af rgb(194,22,175)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#16afc2
```
#16afc2 rgb(22,175,194)
```

Triadic Color

#c22916
```
#c22916 rgb(194,41,22)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#16afc2
```
#16afc2 rgb(22,175,194)
```
#2916c2
```
#2916c2 rgb(41,22,194)
```

Tetradic Color

#717d0e
```
#717d0e rgb(113,125,14)
```
#869411
```
#869411 rgb(134,148,17)
```
#9aab13
```
#9aab13 rgb(154,171,19)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#c4d919
```
#c4d919 rgb(196,217,25)
```
#d1e625
```
#d1e625 rgb(209,230,37)
```
#d6e93c
```
#d6e93c rgb(214,233,60)
```

Monochromatic Color

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

#c2aa16
```
#c2aa16 rgb(194,170,22)
```
#c2b816
```
#c2b816 rgb(194,184,22)
```
#bdc216
```
#bdc216 rgb(189,194,22)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#a1c216
```
#a1c216 rgb(161,194,22)
```
#92c216
```
#92c216 rgb(146,194,22)
```
#84c216
```
#84c216 rgb(132,194,22)
```

Similar Colors

Text with hexadecimal color #afc216

This text has a font color of #afc216.

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

#afc216 background color

This paragraph has a background color of #afc216.

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

#afc216 border color

This element has a border color of #afc216.

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

CSS codes

.text {color:#afc216;}

.background {background-color:#afc216;}

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

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 #fbfdee is the lightest one.

#000000
```
#000000 rgb(0,0,0)
```
#101202
```
#101202 rgb(16,18,2)
```
#202304
```
#202304 rgb(32,35,4)
```
#303506
```
#303506 rgb(48,53,6)
```
#404708
```
#404708 rgb(64,71,8)
```
#50580a
```
#50580a rgb(80,88,10)
```
#606a0c
```
#606a0c rgb(96,106,12)
```
#6f7c0e
```
#6f7c0e rgb(111,124,14)
```
#7f8d10
```
#7f8d10 rgb(127,141,16)
```
#8f9f12
```
#8f9f12 rgb(143,159,18)
```
#9fb014
```
#9fb014 rgb(159,176,20)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#bfd418
```
#bfd418 rgb(191,212,24)
```

Shade Color Variation

#cfe51a
```
#cfe51a rgb(207,229,26)
```
#d2e72c
```
#d2e72c rgb(210,231,44)
```
#d6e93d
```
#d6e93d rgb(214,233,61)
```
#daeb4f
```
#daeb4f rgb(218,235,79)
```
#deed61
```
#deed61 rgb(222,237,97)
```
#e1ef72
```
#e1ef72 rgb(225,239,114)
```
#e5f184
```
#e5f184 rgb(229,241,132)
```
#e9f396
```
#e9f396 rgb(233,243,150)
```
#ecf5a7
```
#ecf5a7 rgb(236,245,167)
```
#f0f7b9
```
#f0f7b9 rgb(240,247,185)
```
#f4f9ca
```
#f4f9ca rgb(244,249,202)
```
#f8fbdc
```
#f8fbdc rgb(248,251,220)
```
#fbfdee
```
#fbfdee rgb(251,253,238)
```

Tint Color Variation

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

#6e6f69
```
#6e6f69 rgb(110,111,105)
```
#757761
```
#757761 rgb(117,119,97)
```
#7b8058
```
#7b8058 rgb(123,128,88)
```
#828850
```
#828850 rgb(130,136,80)
```
#889048
```
#889048 rgb(136,144,72)
```
#8f9840
```
#8f9840 rgb(143,152,64)
```
#95a137
```
#95a137 rgb(149,161,55)
```
#9ca92f
```
#9ca92f rgb(156,169,47)
```
#a2b127
```
#a2b127 rgb(162,177,39)
```
#a9ba1e
```
#a9ba1e rgb(169,186,30)
```
#afc216
```
#afc216 rgb(175,194,22)
```
#b5ca0e
```
#b5ca0e rgb(181,202,14)
```
#bcd305
```
#bcd305 rgb(188,211,5)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#aaae8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bb1f Protanopia 1% of men
#e9b231 Deuteranopia 1% of men
#c2b8c5 Tritanopia 0.001% of the population

Trichromacy

#c5be1b Protanomaly 1% of men, 0.01% of women
#d4b827 Deuteranomaly 6% of men, 0.4% of women
#bbbb85 Tritanomaly 0.01% of the population

#afc216 hex color

#afc216 Color Information

#afc216 Color Conversion

Color Schemes with #afc216

Alternatives to #afc216

#afc216 Preview

Shades and Tints of #afc216

Tones of #afc216

Color Blindness Simulator