#afc228 hex color

In a RGB color space, hex #afc228 is composed of 68.6% red, 76.1% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 9.8% cyan, 0% magenta, 79.4% yellow and 23.9% black. It has a hue angle of 67.4 degrees, a saturation of 65.8% and a lightness of 45.9%. #afc228 color hex could be obtained by blending #ffff50 with #5f8500. Closest websafe color is: #99cc33.

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

● #afc228 color description : Strong yellow.

The hexadecimal color #afc228 has RGB values of R:175, G:194, B:40 and CMYK values of C:0.1, M:0, Y:0.79, K:0.24. Its decimal value is 11518504.

Hex triplet	afc228	`#afc228`
RGB Decimal	175, 194, 40	`rgb(175,194,40)`
RGB Percent	68.6, 76.1, 15.7	`rgb(68.6%,76.1%,15.7%)`
CMYK	10, 0, 79, 24
HSL	67.4°, 65.8, 45.9	`hsl(67.4,65.8%,45.9%)`
HSV (or HSB)	67.4°, 79.4, 76.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	74.731, -24.838, 68.43
XYZ	37.354, 47.851, 9.276
xyY	0.395, 0.506, 47.851
CIE-LCH	74.731, 72.799, 109.949
CIE-LUV	74.731, -6.802, 79.384
Hunter-Lab	69.174, -24.666, 40.472
Binary	10101111, 11000010, 00101000

#afc228
```
#afc228 rgb(175,194,40)
```
#3b28c2
```
#3b28c2 rgb(59,40,194)
```

Complementary Color

#c28828
```
#c28828 rgb(194,136,40)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#62c228
```
#62c228 rgb(98,194,40)
```

Analogous Color

#8828c2
```
#8828c2 rgb(136,40,194)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#2862c2
```
#2862c2 rgb(40,98,194)
```

Split Complementary Color

#c228af
```
#c228af rgb(194,40,175)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#28afc2
```
#28afc2 rgb(40,175,194)
```

Triadic Color

#c23b28
```
#c23b28 rgb(194,59,40)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#28afc2
```
#28afc2 rgb(40,175,194)
```
#3b28c2
```
#3b28c2 rgb(59,40,194)
```

Tetradic Color

#76831b
```
#76831b rgb(118,131,27)
```
#89981f
```
#89981f rgb(137,152,31)
```
#9cad24
```
#9cad24 rgb(156,173,36)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#c0d42f
```
#c0d42f rgb(192,212,47)
```
#c6d944
```
#c6d944 rgb(198,217,68)
```
#cddd5a
```
#cddd5a rgb(205,221,90)
```

Monochromatic Color

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

#c2af28
```
#c2af28 rgb(194,175,40)
```
#c2bb28
```
#c2bb28 rgb(194,187,40)
```
#bcc228
```
#bcc228 rgb(188,194,40)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#a2c228
```
#a2c228 rgb(162,194,40)
```
#95c228
```
#95c228 rgb(149,194,40)
```
#89c228
```
#89c228 rgb(137,194,40)
```

Similar Colors

Text with hexadecimal color #afc228

This text has a font color of #afc228.

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

#afc228 background color

This paragraph has a background color of #afc228.

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

#afc228 border color

This element has a border color of #afc228.

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

CSS codes

.text {color:#afc228;}

.background {background-color:#afc228;}

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

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

#0e0f03
```
#0e0f03 rgb(14,15,3)
```
#1c1f06
```
#1c1f06 rgb(28,31,6)
```
#2b300a
```
#2b300a rgb(43,48,10)
```
#3a400d
```
#3a400d rgb(58,64,13)
```
#485011
```
#485011 rgb(72,80,17)
```
#576014
```
#576014 rgb(87,96,20)
```
#667117
```
#667117 rgb(102,113,23)
```
#74811b
```
#74811b rgb(116,129,27)
```
#83911e
```
#83911e rgb(131,145,30)
```
#92a121
```
#92a121 rgb(146,161,33)
```
#a0b225
```
#a0b225 rgb(160,178,37)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#bed22b
```
#bed22b rgb(190,210,43)
```

Shade Color Variation

#c3d73b
```
#c3d73b rgb(195,215,59)
```
#c8da4b
```
#c8da4b rgb(200,218,75)
```
#cddd5b
```
#cddd5b rgb(205,221,91)
```
#d2e16b
```
#d2e16b rgb(210,225,107)
```
#d7e47c
```
#d7e47c rgb(215,228,124)
```
#dce78c
```
#dce78c rgb(220,231,140)
```
#e1eb9c
```
#e1eb9c rgb(225,235,156)
```
#e6eead
```
#e6eead rgb(230,238,173)
```
#ebf1bd
```
#ebf1bd rgb(235,241,189)
```
#f0f5cd
```
#f0f5cd rgb(240,245,205)
```
#f5f8dd
```
#f5f8dd rgb(245,248,221)
```
#fafbee
```
#fafbee rgb(250,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#797a70
```
#797a70 rgb(121,122,112)
```
#808367
```
#808367 rgb(128,131,103)
```
#868c5e
```
#868c5e rgb(134,140,94)
```
#8d9555
```
#8d9555 rgb(141,149,85)
```
#949e4c
```
#949e4c rgb(148,158,76)
```
#9ba743
```
#9ba743 rgb(155,167,67)
```
#a1b03a
```
#a1b03a rgb(161,176,58)
```
#a8b931
```
#a8b931 rgb(168,185,49)
```
#afc228
```
#afc228 rgb(175,194,40)
```
#b6cb1f
```
#b6cb1f rgb(182,203,31)
```
#bdd416
```
#bdd416 rgb(189,212,22)
```
#c3dd0d
```
#c3dd0d rgb(195,221,13)
```
#cae604
```
#cae604 rgb(202,230,4)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#acb091 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bb30 Protanopia 1% of men
#e8b23d Deuteranopia 1% of men
#c2b8c5 Tritanopia 0.001% of the population

Trichromacy

#c5be2d Protanomaly 1% of men, 0.01% of women
#d3b835 Deuteranomaly 6% of men, 0.4% of women
#bbbb8c Tritanomaly 0.01% of the population

#afc228 hex color

#afc228 Color Information

#afc228 Color Conversion

Color Schemes with #afc228

Alternatives to #afc228

#afc228 Preview

Shades and Tints of #afc228

Tones of #afc228

Color Blindness Simulator