#afe196 hex color

In a RGB color space, hex #afe196 is composed of 68.6% red, 88.2% green and 58.8% blue. Whereas in a CMYK color space, it is composed of 22.2% cyan, 0% magenta, 33.3% yellow and 11.8% black. It has a hue angle of 100 degrees, a saturation of 55.6% and a lightness of 73.5%. #afe196 color hex could be obtained by blending #ffffff with #5fc32d. Closest websafe color is: #99cc99.

♥
- f
- t
- g
- R 69
- G 88
- B 59
RGB color chart
- C 22
- M 0
- Y 33
- K 12
CMYK color chart

● #afe196 color description : Very soft green.

The hexadecimal color #afe196 has RGB values of R:175, G:225, B:150 and CMYK values of C:0.22, M:0, Y:0.33, K:0.12. Its decimal value is 11526550.

Hex triplet	afe196	`#afe196`
RGB Decimal	175, 225, 150	`rgb(175,225,150)`
RGB Percent	68.6, 88.2, 58.8	`rgb(68.6%,88.2%,58.8%)`
CMYK	22, 0, 33, 12
HSL	100°, 55.6, 73.5	`hsl(100,55.6%,73.5%)`
HSV (or HSB)	100°, 33.3, 88.2
Web Safe	99cc99	`#99cc99`

CIE-LAB	84.569, -29.569, 31.613
XYZ	50.108, 65.165, 38.791
xyY	0.325, 0.423, 65.165
CIE-LCH	84.569, 43.286, 133.086
CIE-LUV	84.569, -24.881, 48.754
Hunter-Lab	80.725, -30.47, 28.017
Binary	10101111, 11100001, 10010110

#afe196
```
#afe196 rgb(175,225,150)
```
#c896e1
```
#c896e1 rgb(200,150,225)
```

Complementary Color

#d5e196
```
#d5e196 rgb(213,225,150)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#96e1a3
```
#96e1a3 rgb(150,225,163)
```

Analogous Color

#e196d5
```
#e196d5 rgb(225,150,213)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#a396e1
```
#a396e1 rgb(163,150,225)
```

Split Complementary Color

#e196af
```
#e196af rgb(225,150,175)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#96afe1
```
#96afe1 rgb(150,175,225)
```

Triadic Color

#e1c896
```
#e1c896 rgb(225,200,150)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#96afe1
```
#96afe1 rgb(150,175,225)
```
#c896e1
```
#c896e1 rgb(200,150,225)
```

Tetradic Color

#82d05b
```
#82d05b rgb(130,208,91)
```
#91d66e
```
#91d66e rgb(145,214,110)
```
#a0db82
```
#a0db82 rgb(160,219,130)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#bee7aa
```
#bee7aa rgb(190,231,170)
```
#cdecbe
```
#cdecbe rgb(205,236,190)
```
#dcf2d2
```
#dcf2d2 rgb(220,242,210)
```

Monochromatic Color

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

#c2e196
```
#c2e196 rgb(194,225,150)
```
#bce196
```
#bce196 rgb(188,225,150)
```
#b5e196
```
#b5e196 rgb(181,225,150)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#a9e196
```
#a9e196 rgb(169,225,150)
```
#a3e196
```
#a3e196 rgb(163,225,150)
```
#9ce196
```
#9ce196 rgb(156,225,150)
```

Similar Colors

Text with hexadecimal color #afe196

This text has a font color of #afe196.

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

#afe196 background color

This paragraph has a background color of #afe196.

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

#afe196 border color

This element has a border color of #afe196.

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

CSS codes

.text {color:#afe196;}

.background {background-color:#afe196;}

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

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

#010201
```
#010201 rgb(1,2,1)
```
#091105
```
#091105 rgb(9,17,5)
```
#112009
```
#112009 rgb(17,32,9)
```
#19300e
```
#19300e rgb(25,48,14)
```
#213f12
```
#213f12 rgb(33,63,18)
```
#294e16
```
#294e16 rgb(41,78,22)
```
#315d1b
```
#315d1b rgb(49,93,27)
```
#396d1f
```
#396d1f rgb(57,109,31)
```
#417c23
```
#417c23 rgb(65,124,35)
```
#498b28
```
#498b28 rgb(73,139,40)
```
#519a2c
```
#519a2c rgb(81,154,44)
```
#59aa30
```
#59aa30 rgb(89,170,48)
```
#61b935
```
#61b935 rgb(97,185,53)
```

Shade Color Variation

#69c73a
```
#69c73a rgb(105,199,58)
```
#75cb4a
```
#75cb4a rgb(117,203,74)
```
#81d059
```
#81d059 rgb(129,208,89)
```
#8cd468
```
#8cd468 rgb(140,212,104)
```
#98d877
```
#98d877 rgb(152,216,119)
```
#a3dd87
```
#a3dd87 rgb(163,221,135)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#bbe5a5
```
#bbe5a5 rgb(187,229,165)
```
#c6eab5
```
#c6eab5 rgb(198,234,181)
```
#d2eec4
```
#d2eec4 rgb(210,238,196)
```
#ddf2d3
```
#ddf2d3 rgb(221,242,211)
```
#e9f7e2
```
#e9f7e2 rgb(233,247,226)
```
#f5fbf2
```
#f5fbf2 rgb(245,251,242)
```

Tint Color Variation

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

#bbbdba
```
#bbbdba rgb(187,189,186)
```
#b9c2b5
```
#b9c2b5 rgb(185,194,181)
```
#b8c7b0
```
#b8c7b0 rgb(184,199,176)
```
#b6ccab
```
#b6ccab rgb(182,204,171)
```
#b4d1a6
```
#b4d1a6 rgb(180,209,166)
```
#b2d7a0
```
#b2d7a0 rgb(178,215,160)
```
#b1dc9b
```
#b1dc9b rgb(177,220,155)
```
#afe196
```
#afe196 rgb(175,225,150)
```
#ade691
```
#ade691 rgb(173,230,145)
```
#aceb8c
```
#aceb8c rgb(172,235,140)
```
#aaf186
```
#aaf186 rgb(170,241,134)
```
#a8f681
```
#a8f681 rgb(168,246,129)
```
#a6fb7c
```
#a6fb7c rgb(166,251,124)
```

Tone Color Variation

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

#cacaca Achromatopsia 0.005% of the population
#c5cfc0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d596 Protanopia 1% of men
#facda2 Deuteranopia 1% of men
#c1d8e8 Tritanopia 0.001% of the population

Trichromacy

#d2d996 Protanomaly 1% of men, 0.01% of women
#ded49d Deuteranomaly 6% of men, 0.4% of women
#badbca Tritanomaly 0.01% of the population

#afe196 hex color

#afe196 Color Information

#afe196 Color Conversion

Color Schemes with #afe196

Alternatives to #afe196

#afe196 Preview

Shades and Tints of #afe196

Tones of #afe196

Color Blindness Simulator