#afd53e hex color

In a RGB color space, hex #afd53e is composed of 68.6% red, 83.5% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 70.9% yellow and 16.5% black. It has a hue angle of 75.1 degrees, a saturation of 64.3% and a lightness of 53.9%. #afd53e color hex could be obtained by blending #ffff7c with #5fab00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 84
- B 24
RGB color chart
- C 18
- M 0
- Y 71
- K 16
CMYK color chart

● #afd53e color description : Moderate green.

The hexadecimal color #afd53e has RGB values of R:175, G:213, B:62 and CMYK values of C:0.18, M:0, Y:0.71, K:0.16. Its decimal value is 11523390.

Hex triplet	afd53e	`#afd53e`
RGB Decimal	175, 213, 62	`rgb(175,213,62)`
RGB Percent	68.6, 83.5, 24.3	`rgb(68.6%,83.5%,24.3%)`
CMYK	18, 0, 71, 16
HSL	75.1°, 64.3, 53.9	`hsl(75.1,64.3%,53.9%)`
HSV (or HSB)	75.1°, 70.9, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.208, -32.818, 66.546
XYZ	42.342, 57.05, 13.338
xyY	0.376, 0.506, 57.05
CIE-LCH	80.208, 74.198, 116.251
CIE-LUV	80.208, -18.034, 82.362
Hunter-Lab	75.531, -32.114, 42.402
Binary	10101111, 11010101, 00111110

#afd53e
```
#afd53e rgb(175,213,62)
```
#643ed5
```
#643ed5 rgb(100,62,213)
```

Complementary Color

#d5b03e
```
#d5b03e rgb(213,176,62)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#64d53e
```
#64d53e rgb(100,213,62)
```

Analogous Color

#b03ed5
```
#b03ed5 rgb(176,62,213)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#3e64d5
```
#3e64d5 rgb(62,100,213)
```

Split Complementary Color

#d53eaf
```
#d53eaf rgb(213,62,175)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#3eafd5
```
#3eafd5 rgb(62,175,213)
```

Triadic Color

#d5643e
```
#d5643e rgb(213,100,62)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#3eafd5
```
#3eafd5 rgb(62,175,213)
```
#643ed5
```
#643ed5 rgb(100,62,213)
```

Tetradic Color

#83a323
```
#83a323 rgb(131,163,35)
```
#94b828
```
#94b828 rgb(148,184,40)
```
#a5cd2d
```
#a5cd2d rgb(165,205,45)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#b8da53
```
#b8da53 rgb(184,218,83)
```
#c0de68
```
#c0de68 rgb(192,222,104)
```
#c9e37d
```
#c9e37d rgb(201,227,125)
```

Monochromatic Color

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

#d5d53e
```
#d5d53e rgb(213,213,62)
```
#c8d53e
```
#c8d53e rgb(200,213,62)
```
#bcd53e
```
#bcd53e rgb(188,213,62)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#a2d53e
```
#a2d53e rgb(162,213,62)
```
#96d53e
```
#96d53e rgb(150,213,62)
```
#89d53e
```
#89d53e rgb(137,213,62)
```

Similar Colors

Text with hexadecimal color #afd53e

This text has a font color of #afd53e.

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

#afd53e background color

This paragraph has a background color of #afd53e.

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

#afd53e border color

This element has a border color of #afd53e.

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

CSS codes

.text {color:#afd53e;}

.background {background-color:#afd53e;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0d1004
```
#0d1004 rgb(13,16,4)
```
#1a2107
```
#1a2107 rgb(26,33,7)
```
#27310b
```
#27310b rgb(39,49,11)
```
#34410e
```
#34410e rgb(52,65,14)
```
#415112
```
#415112 rgb(65,81,18)
```
#4e6115
```
#4e6115 rgb(78,97,21)
```
#5b7119
```
#5b7119 rgb(91,113,25)
```
#68811c
```
#68811c rgb(104,129,28)
```
#759120
```
#759120 rgb(117,145,32)
```
#82a123
```
#82a123 rgb(130,161,35)
```
#8fb227
```
#8fb227 rgb(143,178,39)
```
#9cc22a
```
#9cc22a rgb(156,194,42)
```

Shade Color Variation

#a8d12e
```
#a8d12e rgb(168,209,46)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#b6d94e
```
#b6d94e rgb(182,217,78)
```
#bcdc5e
```
#bcdc5e rgb(188,220,94)
```
#c3e06e
```
#c3e06e rgb(195,224,110)
```
#cae37e
```
#cae37e rgb(202,227,126)
```
#d0e78f
```
#d0e78f rgb(208,231,143)
```
#d7ea9f
```
#d7ea9f rgb(215,234,159)
```
#deeeaf
```
#deeeaf rgb(222,238,175)
```
#e4f1bf
```
#e4f1bf rgb(228,241,191)
```
#ebf5cf
```
#ebf5cf rgb(235,245,207)
```
#f2f8df
```
#f2f8df rgb(242,248,223)
```
#f8fcef
```
#f8fcef rgb(248,252,239)
```

Tint Color Variation

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

#8b8d86
```
#8b8d86 rgb(139,141,134)
```
#90967d
```
#90967d rgb(144,150,125)
```
#949f74
```
#949f74 rgb(148,159,116)
```
#99a86b
```
#99a86b rgb(153,168,107)
```
#9db162
```
#9db162 rgb(157,177,98)
```
#a2ba59
```
#a2ba59 rgb(162,186,89)
```
#a6c350
```
#a6c350 rgb(166,195,80)
```
#abcc47
```
#abcc47 rgb(171,204,71)
```
#afd53e
```
#afd53e rgb(175,213,62)
```
#b3de35
```
#b3de35 rgb(179,222,53)
```
#b8e72c
```
#b8e72c rgb(184,231,44)
```
#bcf023
```
#bcf023 rgb(188,240,35)
```
#c1f91a
```
#c1f91a rgb(193,249,26)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#b6bea0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca44 Protanopia 1% of men
#f9c052 Deuteranopia 1% of men
#c5c9d8 Tritanopia 0.001% of the population

Trichromacy

#cece42 Protanomaly 1% of men, 0.01% of women
#dec74b Deuteranomaly 6% of men, 0.4% of women
#bdcda0 Tritanomaly 0.01% of the population

#afd53e hex color

#afd53e Color Information

#afd53e Color Conversion

Color Schemes with #afd53e

Alternatives to #afd53e

#afd53e Preview

Shades and Tints of #afd53e

Tones of #afd53e

Color Blindness Simulator