#afc523 hex color

In a RGB color space, hex #afc523 is composed of 68.6% red, 77.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 82.2% yellow and 22.7% black. It has a hue angle of 68.1 degrees, a saturation of 69.8% and a lightness of 45.5%. #afc523 color hex could be obtained by blending #ffff46 with #5f8b00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 77
- B 14
RGB color chart
- C 11
- M 0
- Y 82
- K 23
CMYK color chart

● #afc523 color description : Strong yellow.

The hexadecimal color #afc523 has RGB values of R:175, G:197, B:35 and CMYK values of C:0.11, M:0, Y:0.82, K:0.23. Its decimal value is 11519267.

Hex triplet	afc523	`#afc523`
RGB Decimal	175, 197, 35	`rgb(175,197,35)`
RGB Percent	68.6, 77.3, 13.7	`rgb(68.6%,77.3%,13.7%)`
CMYK	11, 0, 82, 23
HSL	68.1°, 69.8, 45.5	`hsl(68.1,69.8%,45.5%)`
HSV (or HSB)	68.1°, 82.2, 77.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	75.556, -26.46, 70.472
XYZ	37.949, 49.168, 9.081
xyY	0.394, 0.511, 49.168
CIE-LCH	75.556, 75.276, 110.58
CIE-LUV	75.556, -8.582, 81.46
Hunter-Lab	70.12, -26.106, 41.405
Binary	10101111, 11000101, 00100011

#afc523
```
#afc523 rgb(175,197,35)
```
#3923c5
```
#3923c5 rgb(57,35,197)
```

Complementary Color

#c58a23
```
#c58a23 rgb(197,138,35)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#5ec523
```
#5ec523 rgb(94,197,35)
```

Analogous Color

#8a23c5
```
#8a23c5 rgb(138,35,197)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#235ec5
```
#235ec5 rgb(35,94,197)
```

Split Complementary Color

#c523af
```
#c523af rgb(197,35,175)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#23afc5
```
#23afc5 rgb(35,175,197)
```

Triadic Color

#c53923
```
#c53923 rgb(197,57,35)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#23afc5
```
#23afc5 rgb(35,175,197)
```
#3923c5
```
#3923c5 rgb(57,35,197)
```

Tetradic Color

#758417
```
#758417 rgb(117,132,23)
```
#899a1b
```
#899a1b rgb(137,154,27)
```
#9caf1f
```
#9caf1f rgb(156,175,31)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#c1d929
```
#c1d929 rgb(193,217,41)
```
#c7dd3e
```
#c7dd3e rgb(199,221,62)
```
#cde154
```
#cde154 rgb(205,225,84)
```

Monochromatic Color

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

#c5b323
```
#c5b323 rgb(197,179,35)
```
#c5c023
```
#c5c023 rgb(197,192,35)
```
#bdc523
```
#bdc523 rgb(189,197,35)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#a2c523
```
#a2c523 rgb(162,197,35)
```
#94c523
```
#94c523 rgb(148,197,35)
```
#87c523
```
#87c523 rgb(135,197,35)
```

Similar Colors

Text with hexadecimal color #afc523

This text has a font color of #afc523.

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

#afc523 background color

This paragraph has a background color of #afc523.

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

#afc523 border color

This element has a border color of #afc523.

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

CSS codes

.text {color:#afc523;}

.background {background-color:#afc523;}

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

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

#0c0e02
```
#0c0e02 rgb(12,14,2)
```
#1b1e05
```
#1b1e05 rgb(27,30,5)
```
#2a2f08
```
#2a2f08 rgb(42,47,8)
```
#39400b
```
#39400b rgb(57,64,11)
```
#47500e
```
#47500e rgb(71,80,14)
```
#566111
```
#566111 rgb(86,97,17)
```
#657214
```
#657214 rgb(101,114,20)
```
#748217
```
#748217 rgb(116,130,23)
```
#83931a
```
#83931a rgb(131,147,26)
```
#91a41d
```
#91a41d rgb(145,164,29)
```
#a0b420
```
#a0b420 rgb(160,180,32)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#bed626
```
#bed626 rgb(190,214,38)
```

Shade Color Variation

#c4db34
```
#c4db34 rgb(196,219,52)
```
#c9de45
```
#c9de45 rgb(201,222,69)
```
#cee156
```
#cee156 rgb(206,225,86)
```
#d3e466
```
#d3e466 rgb(211,228,102)
```
#d8e777
```
#d8e777 rgb(216,231,119)
```
#dcea88
```
#dcea88 rgb(220,234,136)
```
#e1ed98
```
#e1ed98 rgb(225,237,152)
```
#e6f0a9
```
#e6f0a9 rgb(230,240,169)
```
#ebf3ba
```
#ebf3ba rgb(235,243,186)
```
#f0f6ca
```
#f0f6ca rgb(240,246,202)
```
#f5f9db
```
#f5f9db rgb(245,249,219)
```
#f9fceb
```
#f9fceb rgb(249,252,235)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#757573
```
#757573 rgb(117,117,115)
```
#7b7e6a
```
#7b7e6a rgb(123,126,106)
```
#828761
```
#828761 rgb(130,135,97)
```
#888f59
```
#888f59 rgb(136,143,89)
```
#8f9850
```
#8f9850 rgb(143,152,80)
```
#95a147
```
#95a147 rgb(149,161,71)
```
#9caa3e
```
#9caa3e rgb(156,170,62)
```
#a2b335
```
#a2b335 rgb(162,179,53)
```
#a9bc2c
```
#a9bc2c rgb(169,188,44)
```
#afc523
```
#afc523 rgb(175,197,35)
```
#b5ce1a
```
#b5ce1a rgb(181,206,26)
```
#bcd711
```
#bcd711 rgb(188,215,17)
```
#c2e008
```
#c2e008 rgb(194,224,8)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adb191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4be2b Protanopia 1% of men
#ebb43a Deuteranopia 1% of men
#c2bbc8 Tritanopia 0.001% of the population

Trichromacy

#c6c028 Protanomaly 1% of men, 0.01% of women
#d5ba32 Deuteranomaly 6% of men, 0.4% of women
#bbbe8c Tritanomaly 0.01% of the population

#afc523 hex color

#afc523 Color Information

#afc523 Color Conversion

Color Schemes with #afc523

Alternatives to #afc523

#afc523 Preview

Shades and Tints of #afc523

Tones of #afc523

Color Blindness Simulator