#afe523 hex color

In a RGB color space, hex #afe523 is composed of 68.6% red, 89.8% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 84.7% yellow and 10.2% black. It has a hue angle of 76.7 degrees, a saturation of 78.9% and a lightness of 51.8%. #afe523 color hex could be obtained by blending #ffff46 with #5fcb00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 90
- B 14
RGB color chart
- C 24
- M 0
- Y 85
- K 10
CMYK color chart

● #afe523 color description : Bright green.

The hexadecimal color #afe523 has RGB values of R:175, G:229, B:35 and CMYK values of C:0.24, M:0, Y:0.85, K:0.1. Its decimal value is 11527459.

Hex triplet	afe523	`#afe523`
RGB Decimal	175, 229, 35	`rgb(175,229,35)`
RGB Percent	68.6, 89.8, 13.7	`rgb(68.6%,89.8%,13.7%)`
CMYK	24, 0, 85, 10
HSL	76.7°, 78.9, 51.8	`hsl(76.7,78.9%,51.8%)`
HSV (or HSB)	76.7°, 84.7, 89.8
Web Safe	99cc33	`#99cc33`

CIE-LAB	84.624, -41.158, 78.23
XYZ	46.001, 65.273, 11.765
xyY	0.374, 0.531, 65.273
CIE-LCH	84.624, 88.396, 117.75
CIE-LUV	84.624, -26.749, 94.239
Hunter-Lab	80.792, -39.751, 47.92
Binary	10101111, 11100101, 00100011

#afe523
```
#afe523 rgb(175,229,35)
```
#5923e5
```
#5923e5 rgb(89,35,229)
```

Complementary Color

#e5ba23
```
#e5ba23 rgb(229,186,35)
```
#afe523
```
#afe523 rgb(175,229,35)
```
#4ee523
```
#4ee523 rgb(78,229,35)
```

Analogous Color

#ba23e5
```
#ba23e5 rgb(186,35,229)
```
#afe523
```
#afe523 rgb(175,229,35)
```
#234ee5
```
#234ee5 rgb(35,78,229)
```

Split Complementary Color

#e523af
```
#e523af rgb(229,35,175)
```
#afe523
```
#afe523 rgb(175,229,35)
```
#23afe5
```
#23afe5 rgb(35,175,229)
```

Triadic Color

#e55923
```
#e55923 rgb(229,89,35)
```
#afe523
```
#afe523 rgb(175,229,35)
```
#23afe5
```
#23afe5 rgb(35,175,229)
```
#5923e5
```
#5923e5 rgb(89,35,229)
```

Tetradic Color

#7fa814
```
#7fa814 rgb(127,168,20)
```
#90be17
```
#90be17 rgb(144,190,23)
```
#a1d519
```
#a1d519 rgb(161,213,25)
```
#afe523
```
#afe523 rgb(175,229,35)
```
#b7e83a
```
#b7e83a rgb(183,232,58)
```
#c0ea51
```
#c0ea51 rgb(192,234,81)
```
#c8ed67
```
#c8ed67 rgb(200,237,103)
```

Monochromatic Color

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

#e0e523
```
#e0e523 rgb(224,229,35)
```
#cfe523
```
#cfe523 rgb(207,229,35)
```
#bfe523
```
#bfe523 rgb(191,229,35)
```
#afe523
```
#afe523 rgb(175,229,35)
```
#9fe523
```
#9fe523 rgb(159,229,35)
```
#8fe523
```
#8fe523 rgb(143,229,35)
```
#7fe523
```
#7fe523 rgb(127,229,35)
```

Similar Colors

Text with hexadecimal color #afe523

This text has a font color of #afe523.

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

#afe523 background color

This paragraph has a background color of #afe523.

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

#afe523 border color

This element has a border color of #afe523.

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

CSS codes

.text {color:#afe523;}

.background {background-color:#afe523;}

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

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

#060801
```
#060801 rgb(6,8,1)
```
#131a03
```
#131a03 rgb(19,26,3)
```
#212b05
```
#212b05 rgb(33,43,5)
```
#2e3d07
```
#2e3d07 rgb(46,61,7)
```
#3b4e09
```
#3b4e09 rgb(59,78,9)
```
#48600b
```
#48600b rgb(72,96,11)
```
#55710d
```
#55710d rgb(85,113,13)
```
#63830f
```
#63830f rgb(99,131,15)
```
#709412
```
#709412 rgb(112,148,18)
```
#7da614
```
#7da614 rgb(125,166,20)
```
#8ab716
```
#8ab716 rgb(138,183,22)
```
#98c918
```
#98c918 rgb(152,201,24)
```
#a5db1a
```
#a5db1a rgb(165,219,26)
```

Shade Color Variation

#afe523
```
#afe523 rgb(175,229,35)
```
#b5e735
```
#b5e735 rgb(181,231,53)
```
#bce946
```
#bce946 rgb(188,233,70)
```
#c2eb58
```
#c2eb58 rgb(194,235,88)
```
#c9ed69
```
#c9ed69 rgb(201,237,105)
```
#cfef7b
```
#cfef7b rgb(207,239,123)
```
#d5f18c
```
#d5f18c rgb(213,241,140)
```
#dcf49e
```
#dcf49e rgb(220,244,158)
```
#e2f6af
```
#e2f6af rgb(226,246,175)
```
#e8f8c1
```
#e8f8c1 rgb(232,248,193)
```
#effad2
```
#effad2 rgb(239,250,210)
```
#f5fce4
```
#f5fce4 rgb(245,252,228)
```
#fcfef6
```
#fcfef6 rgb(252,254,246)
```

Tint Color Variation

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

#858682
```
#858682 rgb(133,134,130)
```
#899078
```
#899078 rgb(137,144,120)
```
#8d996f
```
#8d996f rgb(141,153,111)
```
#92a365
```
#92a365 rgb(146,163,101)
```
#96ac5c
```
#96ac5c rgb(150,172,92)
```
#9ab652
```
#9ab652 rgb(154,182,82)
```
#9ebf49
```
#9ebf49 rgb(158,191,73)
```
#a2c93f
```
#a2c93f rgb(162,201,63)
```
#a7d236
```
#a7d236 rgb(167,210,54)
```
#abdc2c
```
#abdc2c rgb(171,220,44)
```
#afe523
```
#afe523 rgb(175,229,35)
```
#b3ee1a
```
#b3ee1a rgb(179,238,26)
```
#b7f810
```
#b7f810 rgb(183,248,16)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc7a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#efd529 Protanopia 1% of men
#ffcd7b Deuteranopia 1% of men
#c8d7e6 Tritanopia 0.001% of the population

Trichromacy

#d7db27 Protanomaly 1% of men, 0.01% of women
#e1d65b Deuteranomaly 6% of men, 0.4% of women
#bfdc9f Tritanomaly 0.01% of the population

#afe523 hex color

#afe523 Color Information

#afe523 Color Conversion

Color Schemes with #afe523

Alternatives to #afe523

#afe523 Preview

Shades and Tints of #afe523

Tones of #afe523

Color Blindness Simulator