colorhexa.com

#afe059 hex color

In a RGB color space, hex #afe059 is composed of 68.6% red, 87.8% green and 34.9% blue. Whereas in a CMYK color space, it is composed of 21.9% cyan, 0% magenta, 60.3% yellow and 12.2% black. It has a hue angle of 81.8 degrees, a saturation of 68.5% and a lightness of 61.4%. #afe059 color hex could be obtained by blending #ffffb2 with #5fc100. Closest websafe color is: #99cc66.

- R 69
- G 88
- B 35
RGB color chart
- C 22
- M 0
- Y 60
- K 12
CMYK color chart

● #afe059 color description : Soft green.

The hexadecimal color #afe059 has RGB values of R:175, G:224, B:89 and CMYK values of C:0.22, M:0, Y:0.6, K:0.12. Its decimal value is 11526233.

Hex triplet	afe059	`#afe059`
RGB Decimal	175, 224, 89	`rgb(175,224,89)`
RGB Percent	68.6, 87.8, 34.9	`rgb(68.6%,87.8%,34.9%)`
CMYK	22, 0, 60, 12
HSL	81.8°, 68.5, 61.4	`hsl(81.8,68.5%,61.4%)`
HSV (or HSB)	81.8°, 60.3, 87.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.519, -36.008, 59.415
XYZ	46.137, 63.146, 19.208
xyY	0.359, 0.491, 63.146
CIE-LCH	83.519, 69.475, 121.217
CIE-LUV	83.519, -24.145, 78.635
Hunter-Lab	79.464, -35.425, 41.293
Binary	10101111, 11100000, 01011001

#afe059
```
#afe059 rgb(175,224,89)
```
#8a59e0
```
#8a59e0 rgb(138,89,224)
```

Complementary Color

#e0ce59
```
#e0ce59 rgb(224,206,89)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#6ce059
```
#6ce059 rgb(108,224,89)
```

Analogous Color

#ce59e0
```
#ce59e0 rgb(206,89,224)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#596ce0
```
#596ce0 rgb(89,108,224)
```

Split Complementary Color

#e059af
```
#e059af rgb(224,89,175)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#59afe0
```
#59afe0 rgb(89,175,224)
```

Triadic Color

#e08a59
```
#e08a59 rgb(224,138,89)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#59afe0
```
#59afe0 rgb(89,175,224)
```
#8a59e0
```
#8a59e0 rgb(138,89,224)
```

Tetradic Color

#8cc725
```
#8cc725 rgb(140,199,37)
```
#9ad82e
```
#9ad82e rgb(154,216,46)
```
#a5dc44
```
#a5dc44 rgb(165,220,68)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#b9e46e
```
#b9e46e rgb(185,228,110)
```
#c4e884
```
#c4e884 rgb(196,232,132)
```
#ceec99
```
#ceec99 rgb(206,236,153)
```

Monochromatic Color

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

#d1e059
```
#d1e059 rgb(209,224,89)
```
#c6e059
```
#c6e059 rgb(198,224,89)
```
#bae059
```
#bae059 rgb(186,224,89)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#a4e059
```
#a4e059 rgb(164,224,89)
```
#99e059
```
#99e059 rgb(153,224,89)
```
#8de059
```
#8de059 rgb(141,224,89)
```

Similar Colors

Text with hexadecimal color #afe059

This text has a font color of #afe059.

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

#afe059 background color

This paragraph has a background color of #afe059.

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

#afe059 border color

This element has a border color of #afe059.

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

CSS codes

.text {color:#afe059;}

.background {background-color:#afe059;}

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

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

#0b1003
```
#0b1003 rgb(11,16,3)
```
#172006
```
#172006 rgb(23,32,6)
```
#223109
```
#223109 rgb(34,49,9)
```
#2e410c
```
#2e410c rgb(46,65,12)
```
#3a520f
```
#3a520f rgb(58,82,15)
```
#456212
```
#456212 rgb(69,98,18)
```
#517315
```
#517315 rgb(81,115,21)
```
#5d8419
```
#5d8419 rgb(93,132,25)
```
#68941c
```
#68941c rgb(104,148,28)
```
#74a51f
```
#74a51f rgb(116,165,31)
```
#80b522
```
#80b522 rgb(128,181,34)
```
#8bc625
```
#8bc625 rgb(139,198,37)
```
#97d628
```
#97d628 rgb(151,214,40)
```

Shade Color Variation

#9fda38
```
#9fda38 rgb(159,218,56)
```
#a7dd48
```
#a7dd48 rgb(167,221,72)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#b7e36a
```
#b7e36a rgb(183,227,106)
```
#bfe67a
```
#bfe67a rgb(191,230,122)
```
#c7e98b
```
#c7e98b rgb(199,233,139)
```
#cfec9b
```
#cfec9b rgb(207,236,155)
```
#d7efac
```
#d7efac rgb(215,239,172)
```
#dff3bc
```
#dff3bc rgb(223,243,188)
```
#e7f6cd
```
#e7f6cd rgb(231,246,205)
```
#eff9dd
```
#eff9dd rgb(239,249,221)
```
#f7fcee
```
#f7fcee rgb(247,252,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#9ea396
```
#9ea396 rgb(158,163,150)
```
#a0ab8e
```
#a0ab8e rgb(160,171,142)
```
#a3b386
```
#a3b386 rgb(163,179,134)
```
#a5ba7f
```
#a5ba7f rgb(165,186,127)
```
#a7c277
```
#a7c277 rgb(167,194,119)
```
#a9c970
```
#a9c970 rgb(169,201,112)
```
#abd168
```
#abd168 rgb(171,209,104)
```
#add861
```
#add861 rgb(173,216,97)
```
#afe059
```
#afe059 rgb(175,224,89)
```
#b1e851
```
#b1e851 rgb(177,232,81)
```
#b3ef4a
```
#b3ef4a rgb(179,239,74)
```
#b5f742
```
#b5f742 rgb(181,247,66)
```
#b7fe3b
```
#b7fe3b rgb(183,254,59)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#bec8ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d25d Protanopia 1% of men
#ffc975 Deuteranopia 1% of men
#c5d4e3 Tritanopia 0.001% of the population

Trichromacy

#d4d75b Protanomaly 1% of men, 0.01% of women
#e1d16a Deuteranomaly 6% of men, 0.4% of women
#bdd8b1 Tritanomaly 0.01% of the population