#afe362 hex color

In a RGB color space, hex #afe362 is composed of 68.6% red, 89% green and 38.4% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 56.8% yellow and 11% black. It has a hue angle of 84.2 degrees, a saturation of 69.7% and a lightness of 63.7%. #afe362 color hex could be obtained by blending #ffffc4 with #5fc700. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 89
- B 38
RGB color chart
- C 23
- M 0
- Y 57
- K 11
CMYK color chart

● #afe362 color description : Soft green.

The hexadecimal color #afe362 has RGB values of R:175, G:227, B:98 and CMYK values of C:0.23, M:0, Y:0.57, K:0.11. Its decimal value is 11527010.

Hex triplet	afe362	`#afe362`
RGB Decimal	175, 227, 98	`rgb(175,227,98)`
RGB Percent	68.6, 89, 38.4	`rgb(68.6%,89%,38.4%)`
CMYK	23, 0, 57, 11
HSL	84.2°, 69.7, 63.7	`hsl(84.2,69.7%,63.7%)`
HSV (or HSB)	84.2°, 56.8, 89
Web Safe	99cc66	`#99cc66`

CIE-LAB	84.449, -36.599, 56.557
XYZ	47.352, 64.933, 21.593
xyY	0.354, 0.485, 64.933
CIE-LCH	84.449, 67.366, 122.907
CIE-LUV	84.449, -25.746, 76.541
Hunter-Lab	80.581, -36.125, 40.519
Binary	10101111, 11100011, 01100010

#afe362
```
#afe362 rgb(175,227,98)
```
#9662e3
```
#9662e3 rgb(150,98,227)
```

Complementary Color

#e3d762
```
#e3d762 rgb(227,215,98)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#6fe362
```
#6fe362 rgb(111,227,98)
```

Analogous Color

#d762e3
```
#d762e3 rgb(215,98,227)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#626fe3
```
#626fe3 rgb(98,111,227)
```

Split Complementary Color

#e362af
```
#e362af rgb(227,98,175)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#62afe3
```
#62afe3 rgb(98,175,227)
```

Triadic Color

#e39662
```
#e39662 rgb(227,150,98)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#62afe3
```
#62afe3 rgb(98,175,227)
```
#9662e3
```
#9662e3 rgb(150,98,227)
```

Tetradic Color

#8dd326
```
#8dd326 rgb(141,211,38)
```
#99db37
```
#99db37 rgb(153,219,55)
```
#a4df4c
```
#a4df4c rgb(164,223,76)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#bae778
```
#bae778 rgb(186,231,120)
```
#c5eb8d
```
#c5eb8d rgb(197,235,141)
```
#d0efa3
```
#d0efa3 rgb(208,239,163)
```

Monochromatic Color

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

#cfe362
```
#cfe362 rgb(207,227,98)
```
#c5e362
```
#c5e362 rgb(197,227,98)
```
#bae362
```
#bae362 rgb(186,227,98)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#a4e362
```
#a4e362 rgb(164,227,98)
```
#9ae362
```
#9ae362 rgb(154,227,98)
```
#8fe362
```
#8fe362 rgb(143,227,98)
```

Similar Colors

Text with hexadecimal color #afe362

This text has a font color of #afe362.

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

#afe362 background color

This paragraph has a background color of #afe362.

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

#afe362 border color

This element has a border color of #afe362.

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

CSS codes

.text {color:#afe362;}

.background {background-color:#afe362;}

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

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

#060902
```
#060902 rgb(6,9,2)
```
#111a05
```
#111a05 rgb(17,26,5)
```
#1d2b08
```
#1d2b08 rgb(29,43,8)
```
#283b0b
```
#283b0b rgb(40,59,11)
```
#334c0e
```
#334c0e rgb(51,76,14)
```
#3e5d11
```
#3e5d11 rgb(62,93,17)
```
#496d14
```
#496d14 rgb(73,109,20)
```
#547e16
```
#547e16 rgb(84,126,22)
```
#5f8f19
```
#5f8f19 rgb(95,143,25)
```
#6b9f1c
```
#6b9f1c rgb(107,159,28)
```
#76b01f
```
#76b01f rgb(118,176,31)
```
#81c122
```
#81c122 rgb(129,193,34)
```
#8cd125
```
#8cd125 rgb(140,209,37)
```

Shade Color Variation

#96da30
```
#96da30 rgb(150,218,48)
```
#9edd41
```
#9edd41 rgb(158,221,65)
```
#a7e051
```
#a7e051 rgb(167,224,81)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#b7e673
```
#b7e673 rgb(183,230,115)
```
#c0e983
```
#c0e983 rgb(192,233,131)
```
#c8ec94
```
#c8ec94 rgb(200,236,148)
```
#d1efa5
```
#d1efa5 rgb(209,239,165)
```
#d9f2b5
```
#d9f2b5 rgb(217,242,181)
```
#e2f5c6
```
#e2f5c6 rgb(226,245,198)
```
#eaf8d7
```
#eaf8d7 rgb(234,248,215)
```
#f3fbe7
```
#f3fbe7 rgb(243,251,231)
```
#fbfef8
```
#fbfef8 rgb(251,254,248)
```

Tint Color Variation

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

#a3a3a2
```
#a3a3a2 rgb(163,163,162)
```
#a4aa9b
```
#a4aa9b rgb(164,170,155)
```
#a5b194
```
#a5b194 rgb(165,177,148)
```
#a7b88d
```
#a7b88d rgb(167,184,141)
```
#a8bf86
```
#a8bf86 rgb(168,191,134)
```
#a9c77e
```
#a9c77e rgb(169,199,126)
```
#abce77
```
#abce77 rgb(171,206,119)
```
#acd570
```
#acd570 rgb(172,213,112)
```
#aedc69
```
#aedc69 rgb(174,220,105)
```
#afe362
```
#afe362 rgb(175,227,98)
```
#b0ea5b
```
#b0ea5b rgb(176,234,91)
```
#b2f154
```
#b2f154 rgb(178,241,84)
```
#b3f84d
```
#b3f84d rgb(179,248,77)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c1cbb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd565 Protanopia 1% of men
#ffcc83 Deuteranopia 1% of men
#c6d7e6 Tritanopia 0.001% of the population

Trichromacy

#d5da64 Protanomaly 1% of men, 0.01% of women
#e1d477 Deuteranomaly 6% of men, 0.4% of women
#bddbb6 Tritanomaly 0.01% of the population

#afe362 hex color

#afe362 Color Information

#afe362 Color Conversion

Color Schemes with #afe362

Alternatives to #afe362

#afe362 Preview

Shades and Tints of #afe362

Tones of #afe362

Color Blindness Simulator