#afd63e hex color

In a RGB color space, hex #afd63e is composed of 68.6% red, 83.9% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 71% yellow and 16.1% black. It has a hue angle of 75.4 degrees, a saturation of 65% and a lightness of 54.1%. #afd63e color hex could be obtained by blending #ffff7c with #5fad00. 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

● #afd63e color description : Moderate green.

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

Hex triplet	afd63e	`#afd63e`
RGB Decimal	175, 214, 62	`rgb(175,214,62)`
RGB Percent	68.6, 83.9, 24.3	`rgb(68.6%,83.9%,24.3%)`
CMYK	18, 0, 71, 16
HSL	75.4°, 65, 54.1	`hsl(75.4,65%,54.1%)`
HSV (or HSB)	75.4°, 71, 83.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.49, -33.28, 66.826
XYZ	42.595, 57.554, 13.422
xyY	0.375, 0.507, 57.554
CIE-LCH	80.49, 74.654, 116.474
CIE-LUV	80.49, -18.593, 82.788
Hunter-Lab	75.865, -32.543, 42.615
Binary	10101111, 11010110, 00111110

#afd63e
```
#afd63e rgb(175,214,62)
```
#653ed6
```
#653ed6 rgb(101,62,214)
```

Complementary Color

#d6b13e
```
#d6b13e rgb(214,177,62)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#63d63e
```
#63d63e rgb(99,214,62)
```

Analogous Color

#b13ed6
```
#b13ed6 rgb(177,62,214)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#3e63d6
```
#3e63d6 rgb(62,99,214)
```

Split Complementary Color

#d63eaf
```
#d63eaf rgb(214,62,175)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#3eafd6
```
#3eafd6 rgb(62,175,214)
```

Triadic Color

#d6653e
```
#d6653e rgb(214,101,62)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#3eafd6
```
#3eafd6 rgb(62,175,214)
```
#653ed6
```
#653ed6 rgb(101,62,214)
```

Tetradic Color

#83a523
```
#83a523 rgb(131,165,35)
```
#94ba27
```
#94ba27 rgb(148,186,39)
```
#a5cf2c
```
#a5cf2c rgb(165,207,44)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#b8da53
```
#b8da53 rgb(184,218,83)
```
#c0df68
```
#c0df68 rgb(192,223,104)
```
#c9e37d
```
#c9e37d rgb(201,227,125)
```

Monochromatic Color

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

#d5d63e
```
#d5d63e rgb(213,214,62)
```
#c8d63e
```
#c8d63e rgb(200,214,62)
```
#bcd63e
```
#bcd63e rgb(188,214,62)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#a2d63e
```
#a2d63e rgb(162,214,62)
```
#96d63e
```
#96d63e rgb(150,214,62)
```
#89d63e
```
#89d63e rgb(137,214,62)
```

Similar Colors

Text with hexadecimal color #afd63e

This text has a font color of #afd63e.

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

#afd63e background color

This paragraph has a background color of #afd63e.

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

#afd63e border color

This element has a border color of #afd63e.

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

CSS codes

.text {color:#afd63e;}

.background {background-color:#afd63e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0e1104
```
#0e1104 rgb(14,17,4)
```
#1b2107
```
#1b2107 rgb(27,33,7)
```
#28320b
```
#28320b rgb(40,50,11)
```
#35420e
```
#35420e rgb(53,66,14)
```
#415211
```
#415211 rgb(65,82,17)
```
#4e6215
```
#4e6215 rgb(78,98,21)
```
#5b7218
```
#5b7218 rgb(91,114,24)
```
#68831c
```
#68831c rgb(104,131,28)
```
#75931f
```
#75931f rgb(117,147,31)
```
#82a323
```
#82a323 rgb(130,163,35)
```
#8fb326
```
#8fb326 rgb(143,179,38)
```
#9cc329
```
#9cc329 rgb(156,195,41)
```

Shade Color Variation

#a8d32e
```
#a8d32e rgb(168,211,46)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#b6d94e
```
#b6d94e rgb(182,217,78)
```
#bcdd5e
```
#bcdd5e rgb(188,221,94)
```
#c3e06f
```
#c3e06f rgb(195,224,111)
```
#cae47f
```
#cae47f rgb(202,228,127)
```
#d1e78f
```
#d1e78f rgb(209,231,143)
```
#d7eb9f
```
#d7eb9f rgb(215,235,159)
```
#deeeaf
```
#deeeaf rgb(222,238,175)
```
#e5f1bf
```
#e5f1bf rgb(229,241,191)
```
#ebf5d0
```
#ebf5d0 rgb(235,245,208)
```
#f2f8e0
```
#f2f8e0 rgb(242,248,224)
```
#f9fcf0
```
#f9fcf0 rgb(249,252,240)
```

Tint Color Variation

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

#8c8e86
```
#8c8e86 rgb(140,142,134)
```
#90977d
```
#90977d rgb(144,151,125)
```
#95a074
```
#95a074 rgb(149,160,116)
```
#99a96b
```
#99a96b rgb(153,169,107)
```
#9db262
```
#9db262 rgb(157,178,98)
```
#a2bb59
```
#a2bb59 rgb(162,187,89)
```
#a6c450
```
#a6c450 rgb(166,196,80)
```
#abcd47
```
#abcd47 rgb(171,205,71)
```
#afd63e
```
#afd63e rgb(175,214,62)
```
#b3df35
```
#b3df35 rgb(179,223,53)
```
#b8e82c
```
#b8e82c rgb(184,232,44)
```
#bcf123
```
#bcf123 rgb(188,241,35)
```
#c1fa1a
```
#c1fa1a rgb(193,250,26)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#b7bfa0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca44 Protanopia 1% of men
#fac152 Deuteranopia 1% of men
#c5cad9 Tritanopia 0.001% of the population

Trichromacy

#cfce42 Protanomaly 1% of men, 0.01% of women
#dec84b Deuteranomaly 6% of men, 0.4% of women
#bdcea0 Tritanomaly 0.01% of the population

#afd63e hex color

#afd63e Color Information

#afd63e Color Conversion

Color Schemes with #afd63e

Alternatives to #afd63e

#afd63e Preview

Shades and Tints of #afd63e

Tones of #afd63e

Color Blindness Simulator