#afe568 hex color

In a RGB color space, hex #afe568 is composed of 68.6% red, 89.8% green and 40.8% blue. Whereas in a CMYK color space, it is composed of 23.6% cyan, 0% magenta, 54.6% yellow and 10.2% black. It has a hue angle of 85.9 degrees, a saturation of 70.6% and a lightness of 65.3%. #afe568 color hex could be obtained by blending #ffffd0 with #5fcb00. Closest websafe color is: #99cc66.

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

● #afe568 color description : Soft green.

The hexadecimal color #afe568 has RGB values of R:175, G:229, B:104 and CMYK values of C:0.24, M:0, Y:0.55, K:0.1. Its decimal value is 11527528.

Hex triplet	afe568	`#afe568`
RGB Decimal	175, 229, 104	`rgb(175,229,104)`
RGB Percent	68.6, 89.8, 40.8	`rgb(68.6%,89.8%,40.8%)`
CMYK	24, 0, 55, 10
HSL	85.9°, 70.6, 65.3	`hsl(85.9,70.6%,65.3%)`
HSV (or HSB)	85.9°, 54.6, 89.8
Web Safe	99cc66	`#99cc66`

CIE-LAB	85.073, -36.947, 54.595
XYZ	48.196, 66.151, 23.325
xyY	0.35, 0.48, 66.151
CIE-LCH	85.073, 65.922, 124.089
CIE-LUV	85.073, -26.796, 74.997
Hunter-Lab	81.333, -36.558, 39.93
Binary	10101111, 11100101, 01101000

#afe568
```
#afe568 rgb(175,229,104)
```
#9e68e5
```
#9e68e5 rgb(158,104,229)
```

Complementary Color

#e5dd68
```
#e5dd68 rgb(229,221,104)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#71e568
```
#71e568 rgb(113,229,104)
```

Analogous Color

#dd68e5
```
#dd68e5 rgb(221,104,229)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#6871e5
```
#6871e5 rgb(104,113,229)
```

Split Complementary Color

#e568af
```
#e568af rgb(229,104,175)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#68afe5
```
#68afe5 rgb(104,175,229)
```

Triadic Color

#e59e68
```
#e59e68 rgb(229,158,104)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#68afe5
```
#68afe5 rgb(104,175,229)
```
#9e68e5
```
#9e68e5 rgb(158,104,229)
```

Tetradic Color

#8cda27
```
#8cda27 rgb(140,218,39)
```
#98de3c
```
#98de3c rgb(152,222,60)
```
#a3e152
```
#a3e152 rgb(163,225,82)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#bbe97e
```
#bbe97e rgb(187,233,126)
```
#c6ec94
```
#c6ec94 rgb(198,236,148)
```
#d2f0a9
```
#d2f0a9 rgb(210,240,169)
```

Monochromatic Color

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

#cee568
```
#cee568 rgb(206,229,104)
```
#c4e568
```
#c4e568 rgb(196,229,104)
```
#b9e568
```
#b9e568 rgb(185,229,104)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#a5e568
```
#a5e568 rgb(165,229,104)
```
#9ae568
```
#9ae568 rgb(154,229,104)
```
#90e568
```
#90e568 rgb(144,229,104)
```

Similar Colors

Text with hexadecimal color #afe568

This text has a font color of #afe568.

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

#afe568 background color

This paragraph has a background color of #afe568.

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

#afe568 border color

This element has a border color of #afe568.

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

CSS codes

.text {color:#afe568;}

.background {background-color:#afe568;}

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

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

#0a1003
```
#0a1003 rgb(10,16,3)
```
#152106
```
#152106 rgb(21,33,6)
```
#203209
```
#203209 rgb(32,50,9)
```
#2b430b
```
#2b430b rgb(43,67,11)
```
#35530e
```
#35530e rgb(53,83,14)
```
#406411
```
#406411 rgb(64,100,17)
```
#4b7514
```
#4b7514 rgb(75,117,20)
```
#568517
```
#568517 rgb(86,133,23)
```
#60961a
```
#60961a rgb(96,150,26)
```
#6ba71d
```
#6ba71d rgb(107,167,29)
```
#76b820
```
#76b820 rgb(118,184,32)
```
#81c823
```
#81c823 rgb(129,200,35)
```
#8bd925
```
#8bd925 rgb(139,217,37)
```

Shade Color Variation

#94dc36
```
#94dc36 rgb(148,220,54)
```
#9ddf47
```
#9ddf47 rgb(157,223,71)
```
#a6e257
```
#a6e257 rgb(166,226,87)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#b8e879
```
#b8e879 rgb(184,232,121)
```
#c1eb89
```
#c1eb89 rgb(193,235,137)
```
#caee9a
```
#caee9a rgb(202,238,154)
```
#d2f1ab
```
#d2f1ab rgb(210,241,171)
```
#dbf3bc
```
#dbf3bc rgb(219,243,188)
```
#e4f6cc
```
#e4f6cc rgb(228,246,204)
```
#edf9dd
```
#edf9dd rgb(237,249,221)
```
#f6fcee
```
#f6fcee rgb(246,252,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a7a8a5
```
#a7a8a5 rgb(167,168,165)
```
#a8af9e
```
#a8af9e rgb(168,175,158)
```
#a9b598
```
#a9b598 rgb(169,181,152)
```
#a9bc91
```
#a9bc91 rgb(169,188,145)
```
#aac38a
```
#aac38a rgb(170,195,138)
```
#abca83
```
#abca83 rgb(171,202,131)
```
#acd17c
```
#acd17c rgb(172,209,124)
```
#add776
```
#add776 rgb(173,215,118)
```
#aede6f
```
#aede6f rgb(174,222,111)
```
#afe568
```
#afe568 rgb(175,229,104)
```
#b0ec61
```
#b0ec61 rgb(176,236,97)
```
#b1f35a
```
#b1f35a rgb(177,243,90)
```
#b2f954
```
#b2f954 rgb(178,249,84)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#c2cdb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ecd66b Protanopia 1% of men
#ffce8b Deuteranopia 1% of men
#c6d9e8 Tritanopia 0.001% of the population

Trichromacy

#d6dc69 Protanomaly 1% of men, 0.01% of women
#e1d67e Deuteranomaly 6% of men, 0.4% of women
#bdddba Tritanomaly 0.01% of the population

#afe568 hex color

#afe568 Color Information

#afe568 Color Conversion

Color Schemes with #afe568

Alternatives to #afe568

#afe568 Preview

Shades and Tints of #afe568

Tones of #afe568

Color Blindness Simulator