#afe946 hex color

In a RGB color space, hex #afe946 is composed of 68.6% red, 91.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 24.9% cyan, 0% magenta, 70% yellow and 8.6% black. It has a hue angle of 81.3 degrees, a saturation of 78.7% and a lightness of 59.4%. #afe946 color hex could be obtained by blending #ffff8c with #5fd300. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 91
- B 27
RGB color chart
- C 25
- M 0
- Y 70
- K 9
CMYK color chart

● #afe946 color description : Soft green.

The hexadecimal color #afe946 has RGB values of R:175, G:233, B:70 and CMYK values of C:0.25, M:0, Y:0.7, K:0.09. Its decimal value is 11528518.

Hex triplet	afe946	`#afe946`
RGB Decimal	175, 233, 70	`rgb(175,233,70)`
RGB Percent	68.6, 91.4, 27.5	`rgb(68.6%,91.4%,27.5%)`
CMYK	25, 0, 70, 9
HSL	81.3°, 78.7, 59.4	`hsl(81.3,78.7%,59.4%)`
HSV (or HSB)	81.3°, 70, 91.4
Web Safe	99ff33	`#99ff33`

CIE-LAB	85.923, -41.364, 69.399
XYZ	47.923, 67.833, 16.362
xyY	0.363, 0.513, 67.833
CIE-LCH	85.923, 80.791, 120.797
CIE-LUV	85.923, -28.867, 88.732
Hunter-Lab	82.361, -40.269, 45.874
Binary	10101111, 11101001, 01000110

#afe946
```
#afe946 rgb(175,233,70)
```
#8046e9
```
#8046e9 rgb(128,70,233)
```

Complementary Color

#e9d246
```
#e9d246 rgb(233,210,70)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#5ee946
```
#5ee946 rgb(94,233,70)
```

Analogous Color

#d246e9
```
#d246e9 rgb(210,70,233)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#465ee9
```
#465ee9 rgb(70,94,233)
```

Split Complementary Color

#e946af
```
#e946af rgb(233,70,175)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#46afe9
```
#46afe9 rgb(70,175,233)
```

Triadic Color

#e98046
```
#e98046 rgb(233,128,70)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#46afe9
```
#46afe9 rgb(70,175,233)
```
#8046e9
```
#8046e9 rgb(128,70,233)
```

Tetradic Color

#8bca18
```
#8bca18 rgb(139,202,24)
```
#9be11b
```
#9be11b rgb(155,225,27)
```
#a5e62f
```
#a5e62f rgb(165,230,47)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#b9ec5d
```
#b9ec5d rgb(185,236,93)
```
#c3ee74
```
#c3ee74 rgb(195,238,116)
```
#cdf18a
```
#cdf18a rgb(205,241,138)
```

Monochromatic Color

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

#d8e946
```
#d8e946 rgb(216,233,70)
```
#cae946
```
#cae946 rgb(202,233,70)
```
#bde946
```
#bde946 rgb(189,233,70)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#a1e946
```
#a1e946 rgb(161,233,70)
```
#94e946
```
#94e946 rgb(148,233,70)
```
#86e946
```
#86e946 rgb(134,233,70)
```

Similar Colors

Text with hexadecimal color #afe946

This text has a font color of #afe946.

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

#afe946 background color

This paragraph has a background color of #afe946.

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

#afe946 border color

This element has a border color of #afe946.

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

CSS codes

.text {color:#afe946;}

.background {background-color:#afe946;}

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

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

#050801
```
#050801 rgb(5,8,1)
```
#111903
```
#111903 rgb(17,25,3)
```
#1d2b05
```
#1d2b05 rgb(29,43,5)
```
#293c07
```
#293c07 rgb(41,60,7)
```
#364e09
```
#364e09 rgb(54,78,9)
```
#425f0b
```
#425f0b rgb(66,95,11)
```
#4e710d
```
#4e710d rgb(78,113,13)
```
#5a8310
```
#5a8310 rgb(90,131,16)
```
#669412
```
#669412 rgb(102,148,18)
```
#72a614
```
#72a614 rgb(114,166,20)
```
#7eb716
```
#7eb716 rgb(126,183,22)
```
#8ac918
```
#8ac918 rgb(138,201,24)
```
#96da1a
```
#96da1a rgb(150,218,26)
```

Shade Color Variation

#a0e523
```
#a0e523 rgb(160,229,35)
```
#a7e734
```
#a7e734 rgb(167,231,52)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#b7eb58
```
#b7eb58 rgb(183,235,88)
```
#beed69
```
#beed69 rgb(190,237,105)
```
#c6ef7b
```
#c6ef7b rgb(198,239,123)
```
#cdf18c
```
#cdf18c rgb(205,241,140)
```
#d5f39e
```
#d5f39e rgb(213,243,158)
```
#dcf6af
```
#dcf6af rgb(220,246,175)
```
#e4f8c1
```
#e4f8c1 rgb(228,248,193)
```
#ecfad2
```
#ecfad2 rgb(236,250,210)
```
#f3fce4
```
#f3fce4 rgb(243,252,228)
```
#fbfef5
```
#fbfef5 rgb(251,254,245)
```

Tint Color Variation

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

#989996
```
#989996 rgb(152,153,150)
```
#9aa18e
```
#9aa18e rgb(154,161,142)
```
#9da986
```
#9da986 rgb(157,169,134)
```
#9fb17e
```
#9fb17e rgb(159,177,126)
```
#a1b976
```
#a1b976 rgb(161,185,118)
```
#a4c16e
```
#a4c16e rgb(164,193,110)
```
#a6c966
```
#a6c966 rgb(166,201,102)
```
#a8d15e
```
#a8d15e rgb(168,209,94)
```
#aad956
```
#aad956 rgb(170,217,86)
```
#ade14e
```
#ade14e rgb(173,225,78)
```
#afe946
```
#afe946 rgb(175,233,70)
```
#b1f13e
```
#b1f13e rgb(177,241,62)
```
#b4f936
```
#b4f936 rgb(180,249,54)
```

Tone Color Variation

Below, you can see how #afe946 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
#c1ccac Atypical Achromatopsia 0.001% of the population

Dichromacy

#f1d94b Protanopia 1% of men
#ffd18e Deuteranopia 1% of men
#c8dbeb Tritanopia 0.001% of the population

Trichromacy

#d9df49 Protanomaly 1% of men, 0.01% of women
#e1da74 Deuteranomaly 6% of men, 0.4% of women
#bfe0af Tritanomaly 0.01% of the population

#afe946 hex color

#afe946 Color Information

#afe946 Color Conversion

Color Schemes with #afe946

Alternatives to #afe946

#afe946 Preview

Shades and Tints of #afe946

Tones of #afe946

Color Blindness Simulator