#afe675 hex color

In a RGB color space, hex #afe675 is composed of 68.6% red, 90.2% green and 45.9% blue. Whereas in a CMYK color space, it is composed of 23.9% cyan, 0% magenta, 49.1% yellow and 9.8% black. It has a hue angle of 89.2 degrees, a saturation of 69.3% and a lightness of 68%. #afe675 color hex could be obtained by blending #ffffea with #5fcd00. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 90
- B 46
RGB color chart
- C 24
- M 0
- Y 49
- K 10
CMYK color chart

● #afe675 color description : Soft green.

The hexadecimal color #afe675 has RGB values of R:175, G:230, B:117 and CMYK values of C:0.24, M:0, Y:0.49, K:0.1. Its decimal value is 11527797.

Hex triplet	afe675	`#afe675`
RGB Decimal	175, 230, 117	`rgb(175,230,117)`
RGB Percent	68.6, 90.2, 45.9	`rgb(68.6%,90.2%,45.9%)`
CMYK	24, 0, 49, 10
HSL	89.2°, 69.3, 68	`hsl(89.2,69.3%,68%)`
HSV (or HSB)	89.2°, 49.1, 90.2
Web Safe	99ff66	`#99ff66`

CIE-LAB	85.499, -36.073, 49.088
XYZ	49.186, 66.991, 27.168
xyY	0.343, 0.467, 66.991
CIE-LCH	85.499, 60.917, 126.311
CIE-LUV	85.499, -27.323, 69.591
Hunter-Lab	81.848, -35.966, 37.613
Binary	10101111, 11100110, 01110101

#afe675
```
#afe675 rgb(175,230,117)
```
#ac75e6
```
#ac75e6 rgb(172,117,230)
```

Complementary Color

#e6e575
```
#e6e575 rgb(230,229,117)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#77e675
```
#77e675 rgb(119,230,117)
```

Analogous Color

#e575e6
```
#e575e6 rgb(229,117,230)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#7577e6
```
#7577e6 rgb(117,119,230)
```

Split Complementary Color

#e675af
```
#e675af rgb(230,117,175)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#75afe6
```
#75afe6 rgb(117,175,230)
```

Triadic Color

#e6ac75
```
#e6ac75 rgb(230,172,117)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#75afe6
```
#75afe6 rgb(117,175,230)
```
#ac75e6
```
#ac75e6 rgb(172,117,230)
```

Tetradic Color

#89da34
```
#89da34 rgb(137,218,52)
```
#96de4a
```
#96de4a rgb(150,222,74)
```
#a2e25f
```
#a2e25f rgb(162,226,95)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#bcea8b
```
#bcea8b rgb(188,234,139)
```
#c8eea0
```
#c8eea0 rgb(200,238,160)
```
#d5f2b6
```
#d5f2b6 rgb(213,242,182)
```

Monochromatic Color

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

#cbe675
```
#cbe675 rgb(203,230,117)
```
#c2e675
```
#c2e675 rgb(194,230,117)
```
#b8e675
```
#b8e675 rgb(184,230,117)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#a6e675
```
#a6e675 rgb(166,230,117)
```
#9ce675
```
#9ce675 rgb(156,230,117)
```
#93e675
```
#93e675 rgb(147,230,117)
```

Similar Colors

Text with hexadecimal color #afe675

This text has a font color of #afe675.

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

#afe675 background color

This paragraph has a background color of #afe675.

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

#afe675 border color

This element has a border color of #afe675.

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

CSS codes

.text {color:#afe675;}

.background {background-color:#afe675;}

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

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, #070b02 is the darkest color, while #fcfefa is the lightest one.

#070b02
```
#070b02 rgb(7,11,2)
```
#111c05
```
#111c05 rgb(17,28,5)
```
#1b2d08
```
#1b2d08 rgb(27,45,8)
```
#253d0b
```
#253d0b rgb(37,61,11)
```
#2f4e0e
```
#2f4e0e rgb(47,78,14)
```
#395e11
```
#395e11 rgb(57,94,17)
```
#436f14
```
#436f14 rgb(67,111,20)
```
#4d8017
```
#4d8017 rgb(77,128,23)
```
#57901a
```
#57901a rgb(87,144,26)
```
#61a11d
```
#61a11d rgb(97,161,29)
```
#6bb220
```
#6bb220 rgb(107,178,32)
```
#75c223
```
#75c223 rgb(117,194,35)
```
#7fd326
```
#7fd326 rgb(127,211,38)
```

Shade Color Variation

#88da33
```
#88da33 rgb(136,218,51)
```
#92dd43
```
#92dd43 rgb(146,221,67)
```
#9ce054
```
#9ce054 rgb(156,224,84)
```
#a5e364
```
#a5e364 rgb(165,227,100)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#b9e986
```
#b9e986 rgb(185,233,134)
```
#c2ec96
```
#c2ec96 rgb(194,236,150)
```
#ccefa7
```
#ccefa7 rgb(204,239,167)
```
#d6f2b7
```
#d6f2b7 rgb(214,242,183)
```
#dff5c8
```
#dff5c8 rgb(223,245,200)
```
#e9f8d9
```
#e9f8d9 rgb(233,248,217)
```
#f2fbe9
```
#f2fbe9 rgb(242,251,233)
```
#fcfefa
```
#fcfefa rgb(252,254,250)
```

Tint Color Variation

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

#aeaead
```
#aeaead rgb(174,174,173)
```
#aeb4a7
```
#aeb4a7 rgb(174,180,167)
```
#aebaa1
```
#aebaa1 rgb(174,186,161)
```
#aec09b
```
#aec09b rgb(174,192,155)
```
#aec794
```
#aec794 rgb(174,199,148)
```
#aecd8e
```
#aecd8e rgb(174,205,142)
```
#afd388
```
#afd388 rgb(175,211,136)
```
#afd982
```
#afd982 rgb(175,217,130)
```
#afe07b
```
#afe07b rgb(175,224,123)
```
#afe675
```
#afe675 rgb(175,230,117)
```
#afec6f
```
#afec6f rgb(175,236,111)
```
#aff368
```
#aff368 rgb(175,243,104)
```
#aff962
```
#aff962 rgb(175,249,98)
```

Tone Color Variation

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

#c9c9c9 Achromatopsia 0.005% of the population
#c4cfb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#edd777 Protanopia 1% of men
#ffcf93 Deuteranopia 1% of men
#c5daea Tritanopia 0.001% of the population

Trichromacy

#d6dd76 Protanomaly 1% of men, 0.01% of women
#e1d788 Deuteranomaly 6% of men, 0.4% of women
#bddebf Tritanomaly 0.01% of the population

#afe675 hex color

#afe675 Color Information

#afe675 Color Conversion

Color Schemes with #afe675

Alternatives to #afe675

#afe675 Preview

Shades and Tints of #afe675

Tones of #afe675

Color Blindness Simulator