colorhexa.com

#afe146 hex color

In a RGB color space, hex #afe146 is composed of 68.6% red, 88.2% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 68.9% yellow and 11.8% black. It has a hue angle of 79.4 degrees, a saturation of 72.1% and a lightness of 57.8%. #afe146 color hex could be obtained by blending #ffff8c with #5fc300. Closest websafe color is: #99cc33.

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

● #afe146 color description : Soft green.

The hexadecimal color #afe146 has RGB values of R:175, G:225, B:70 and CMYK values of C:0.22, M:0, Y:0.69, K:0.12. Its decimal value is 11526470.

Hex triplet	afe146	`#afe146`
RGB Decimal	175, 225, 70	`rgb(175,225,70)`
RGB Percent	68.6, 88.2, 27.5	`rgb(68.6%,88.2%,27.5%)`
CMYK	22, 0, 69, 12
HSL	79.4°, 72.1, 57.8	`hsl(79.4,72.1%,57.8%)`
HSV (or HSB)	79.4°, 68.9, 88.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	83.655, -37.815, 67.112
XYZ	45.709, 63.406, 15.624
xyY	0.366, 0.508, 63.406
CIE-LCH	83.655, 77.033, 119.399
CIE-LUV	83.655, -24.636, 85.304
Hunter-Lab	79.628, -36.883, 44.106
Binary	10101111, 11100001, 01000110

#afe146
```
#afe146 rgb(175,225,70)
```
#7846e1
```
#7846e1 rgb(120,70,225)
```

Complementary Color

#e1c646
```
#e1c646 rgb(225,198,70)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#62e146
```
#62e146 rgb(98,225,70)
```

Analogous Color

#c646e1
```
#c646e1 rgb(198,70,225)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#4662e1
```
#4662e1 rgb(70,98,225)
```

Split Complementary Color

#e146af
```
#e146af rgb(225,70,175)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#46afe1
```
#46afe1 rgb(70,175,225)
```

Triadic Color

#e17846
```
#e17846 rgb(225,120,70)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#46afe1
```
#46afe1 rgb(70,175,225)
```
#7846e1
```
#7846e1 rgb(120,70,225)
```

Tetradic Color

#89bc1e
```
#89bc1e rgb(137,188,30)
```
#99d222
```
#99d222 rgb(153,210,34)
```
#a6dd30
```
#a6dd30 rgb(166,221,48)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#b8e55c
```
#b8e55c rgb(184,229,92)
```
#c2e872
```
#c2e872 rgb(194,232,114)
```
#cbec88
```
#cbec88 rgb(203,236,136)
```

Monochromatic Color

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

#d6e146
```
#d6e146 rgb(214,225,70)
```
#c9e146
```
#c9e146 rgb(201,225,70)
```
#bce146
```
#bce146 rgb(188,225,70)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#a2e146
```
#a2e146 rgb(162,225,70)
```
#95e146
```
#95e146 rgb(149,225,70)
```
#88e146
```
#88e146 rgb(136,225,70)
```

Similar Colors

Text with hexadecimal color #afe146

This text has a font color of #afe146.

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

#afe146 background color

This paragraph has a background color of #afe146.

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

#afe146 border color

This element has a border color of #afe146.

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

CSS codes

.text {color:#afe146;}

.background {background-color:#afe146;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d1203
```
#0d1203 rgb(13,18,3)
```
#192206
```
#192206 rgb(25,34,6)
```
#253308
```
#253308 rgb(37,51,8)
```
#32440b
```
#32440b rgb(50,68,11)
```
#3e550e
```
#3e550e rgb(62,85,14)
```
#4a6611
```
#4a6611 rgb(74,102,17)
```
#577713
```
#577713 rgb(87,119,19)
```
#638816
```
#638816 rgb(99,136,22)
```
#6f9919
```
#6f9919 rgb(111,153,25)
```
#7ca91b
```
#7ca91b rgb(124,169,27)
```
#88ba1e
```
#88ba1e rgb(136,186,30)
```
#94cb21
```
#94cb21 rgb(148,203,33)
```

Shade Color Variation

#a0dc24
```
#a0dc24 rgb(160,220,36)
```
#a8de35
```
#a8de35 rgb(168,222,53)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#b6e457
```
#b6e457 rgb(182,228,87)
```
#bee668
```
#bee668 rgb(190,230,104)
```
#c5e979
```
#c5e979 rgb(197,233,121)
```
#ccec8a
```
#ccec8a rgb(204,236,138)
```
#d3ef9a
```
#d3ef9a rgb(211,239,154)
```
#dbf1ab
```
#dbf1ab rgb(219,241,171)
```
#e2f4bc
```
#e2f4bc rgb(226,244,188)
```
#e9f7cd
```
#e9f7cd rgb(233,247,205)
```
#f1fade
```
#f1fade rgb(241,250,222)
```
#f8fcef
```
#f8fcef rgb(248,252,239)
```

Tint Color Variation

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

#959790
```
#959790 rgb(149,151,144)
```
#989f88
```
#989f88 rgb(152,159,136)
```
#9aa780
```
#9aa780 rgb(154,167,128)
```
#9daf78
```
#9daf78 rgb(157,175,120)
```
#a0b86f
```
#a0b86f rgb(160,184,111)
```
#a3c067
```
#a3c067 rgb(163,192,103)
```
#a6c85f
```
#a6c85f rgb(166,200,95)
```
#a9d057
```
#a9d057 rgb(169,208,87)
```
#acd94e
```
#acd94e rgb(172,217,78)
```
#afe146
```
#afe146 rgb(175,225,70)
```
#b2e93e
```
#b2e93e rgb(178,233,62)
```
#b5f235
```
#b5f235 rgb(181,242,53)
```
#b8fa2d
```
#b8fa2d rgb(184,250,45)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#bdc7a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ebd34b Protanopia 1% of men
#ffca72 Deuteranopia 1% of men
#c7d4e3 Tritanopia 0.001% of the population

Trichromacy

#d5d849 Protanomaly 1% of men, 0.01% of women
#e1d262 Deuteranomaly 6% of men, 0.4% of women
#bed9aa Tritanomaly 0.01% of the population