#afe345 hex color

In a RGB color space, hex #afe345 is composed of 68.6% red, 89% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 22.9% cyan, 0% magenta, 69.6% yellow and 11% black. It has a hue angle of 79.7 degrees, a saturation of 73.8% and a lightness of 58%. #afe345 color hex could be obtained by blending #ffff8a with #5fc700. Closest websafe color is: #99cc33.

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

● #afe345 color description : Soft green.

The hexadecimal color #afe345 has RGB values of R:175, G:227, B:69 and CMYK values of C:0.23, M:0, Y:0.7, K:0.11. Its decimal value is 11526981.

Hex triplet	afe345	`#afe345`
RGB Decimal	175, 227, 69	`rgb(175,227,69)`
RGB Percent	68.6, 89, 27.1	`rgb(68.6%,89%,27.1%)`
CMYK	23, 0, 70, 11
HSL	79.7°, 73.8, 58	`hsl(79.7,73.8%,58%)`
HSV (or HSB)	79.7°, 69.6, 89
Web Safe	99cc33	`#99cc33`

CIE-LAB	84.216, -38.771, 68.041
XYZ	46.222, 64.481, 15.641
xyY	0.366, 0.51, 64.481
CIE-LCH	84.216, 78.312, 119.675
CIE-LUV	84.216, -25.703, 86.444
Hunter-Lab	80.3, -37.778, 44.662
Binary	10101111, 11100011, 01000101

#afe345
```
#afe345 rgb(175,227,69)
```
#7945e3
```
#7945e3 rgb(121,69,227)
```

Complementary Color

#e3c845
```
#e3c845 rgb(227,200,69)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#60e345
```
#60e345 rgb(96,227,69)
```

Analogous Color

#c845e3
```
#c845e3 rgb(200,69,227)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#4560e3
```
#4560e3 rgb(69,96,227)
```

Split Complementary Color

#e345af
```
#e345af rgb(227,69,175)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#45afe3
```
#45afe3 rgb(69,175,227)
```

Triadic Color

#e37945
```
#e37945 rgb(227,121,69)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#45afe3
```
#45afe3 rgb(69,175,227)
```
#7945e3
```
#7945e3 rgb(121,69,227)
```

Tetradic Color

#89bf1d
```
#89bf1d rgb(137,191,29)
```
#99d520
```
#99d520 rgb(153,213,32)
```
#a5e02f
```
#a5e02f rgb(165,224,47)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#b9e65b
```
#b9e65b rgb(185,230,91)
```
#c2ea71
```
#c2ea71 rgb(194,234,113)
```
#cced87
```
#cced87 rgb(204,237,135)
```

Monochromatic Color

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

#d7e345
```
#d7e345 rgb(215,227,69)
```
#c9e345
```
#c9e345 rgb(201,227,69)
```
#bce345
```
#bce345 rgb(188,227,69)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#a2e345
```
#a2e345 rgb(162,227,69)
```
#95e345
```
#95e345 rgb(149,227,69)
```
#88e345
```
#88e345 rgb(136,227,69)
```

Similar Colors

Text with hexadecimal color #afe345

This text has a font color of #afe345.

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

#afe345 background color

This paragraph has a background color of #afe345.

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

#afe345 border color

This element has a border color of #afe345.

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

CSS codes

.text {color:#afe345;}

.background {background-color:#afe345;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0d1303
```
#0d1303 rgb(13,19,3)
```
#1a2405
```
#1a2405 rgb(26,36,5)
```
#263508
```
#263508 rgb(38,53,8)
```
#32460a
```
#32460a rgb(50,70,10)
```
#3f570d
```
#3f570d rgb(63,87,13)
```
#4b6810
```
#4b6810 rgb(75,104,16)
```
#577912
```
#577912 rgb(87,121,18)
```
#638a15
```
#638a15 rgb(99,138,21)
```
#709b17
```
#709b17 rgb(112,155,23)
```
#7cac1a
```
#7cac1a rgb(124,172,26)
```
#88bd1c
```
#88bd1c rgb(136,189,28)
```
#94ce1f
```
#94ce1f rgb(148,206,31)
```

Shade Color Variation

#a0de23
```
#a0de23 rgb(160,222,35)
```
#a8e034
```
#a8e034 rgb(168,224,52)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#b6e656
```
#b6e656 rgb(182,230,86)
```
#bee867
```
#bee867 rgb(190,232,103)
```
#c5eb78
```
#c5eb78 rgb(197,235,120)
```
#cced89
```
#cced89 rgb(204,237,137)
```
#d4f09a
```
#d4f09a rgb(212,240,154)
```
#dbf2ab
```
#dbf2ab rgb(219,242,171)
```
#e2f5bc
```
#e2f5bc rgb(226,245,188)
```
#eaf8cd
```
#eaf8cd rgb(234,248,205)
```
#f1fade
```
#f1fade rgb(241,250,222)
```
#f8fdef
```
#f8fdef rgb(248,253,239)
```

Tint Color Variation

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

#96998f
```
#96998f rgb(150,153,143)
```
#98a187
```
#98a187 rgb(152,161,135)
```
#9ba97f
```
#9ba97f rgb(155,169,127)
```
#9eb276
```
#9eb276 rgb(158,178,118)
```
#a1ba6e
```
#a1ba6e rgb(161,186,110)
```
#a4c266
```
#a4c266 rgb(164,194,102)
```
#a7ca5e
```
#a7ca5e rgb(167,202,94)
```
#a9d355
```
#a9d355 rgb(169,211,85)
```
#acdb4d
```
#acdb4d rgb(172,219,77)
```
#afe345
```
#afe345 rgb(175,227,69)
```
#b2eb3d
```
#b2eb3d rgb(178,235,61)
```
#b5f335
```
#b5f335 rgb(181,243,53)
```
#b7fc2c
```
#b7fc2c rgb(183,252,44)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc8a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd44a Protanopia 1% of men
#ffcc7a Deuteranopia 1% of men
#c7d6e5 Tritanopia 0.001% of the population

Trichromacy

#d6d948 Protanomaly 1% of men, 0.01% of women
#e1d466 Deuteranomaly 6% of men, 0.4% of women
#bedaab Tritanomaly 0.01% of the population

#afe345 hex color

#afe345 Color Information

#afe345 Color Conversion

Color Schemes with #afe345

Alternatives to #afe345

#afe345 Preview

Shades and Tints of #afe345

Tones of #afe345

Color Blindness Simulator