#affe57 hex color

In a RGB color space, hex #affe57 is composed of 68.6% red, 99.6% green and 34.1% blue. Whereas in a CMYK color space, it is composed of 31.1% cyan, 0% magenta, 65.7% yellow and 0.4% black. It has a hue angle of 88.4 degrees, a saturation of 98.8% and a lightness of 66.9%. #affe57 color hex could be obtained by blending #ffffae with #5ffd00. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 69
- G 100
- B 34
RGB color chart
- C 31
- M 0
- Y 66
- K 0
CMYK color chart

● #affe57 color description : Soft green.

The hexadecimal color #affe57 has RGB values of R:175, G:254, B:87 and CMYK values of C:0.31, M:0, Y:0.66, K:0. Its decimal value is 11533911.

Hex triplet	affe57	`#affe57`
RGB Decimal	175, 254, 87	`rgb(175,254,87)`
RGB Percent	68.6, 99.6, 34.1	`rgb(68.6%,99.6%,34.1%)`
CMYK	31, 0, 66, 0
HSL	88.4°, 98.8, 66.9	`hsl(88.4,98.8%,66.9%)`
HSV (or HSB)	88.4°, 65.7, 99.6
Web Safe	99ff66	`#99ff66`

CIE-LAB	91.991, -49.226, 69.367
XYZ	54.84, 80.684, 21.7
xyY	0.349, 0.513, 80.684
CIE-LCH	91.991, 85.058, 125.361
CIE-LUV	91.991, -39.383, 92.756
Hunter-Lab	89.824, -48.214, 48.553
Binary	10101111, 11111110, 01010111

#affe57
```
#affe57 rgb(175,254,87)
```
#a657fe
```
#a657fe rgb(166,87,254)
```

Complementary Color

#fefa57
```
#fefa57 rgb(254,250,87)
```
#affe57
```
#affe57 rgb(175,254,87)
```
#5cfe57
```
#5cfe57 rgb(92,254,87)
```

Analogous Color

#fa57fe
```
#fa57fe rgb(250,87,254)
```
#affe57
```
#affe57 rgb(175,254,87)
```
#575cfe
```
#575cfe rgb(87,92,254)
```

Split Complementary Color

#fe57af
```
#fe57af rgb(254,87,175)
```
#affe57
```
#affe57 rgb(175,254,87)
```
#57affe
```
#57affe rgb(87,175,254)
```

Triadic Color

#fea657
```
#fea657 rgb(254,166,87)
```
#affe57
```
#affe57 rgb(175,254,87)
```
#57affe
```
#57affe rgb(87,175,254)
```
#a657fe
```
#a657fe rgb(166,87,254)
```

Tetradic Color

#8bfe0b
```
#8bfe0b rgb(139,254,11)
```
#97fe24
```
#97fe24 rgb(151,254,36)
```
#a3fe3e
```
#a3fe3e rgb(163,254,62)
```
#affe57
```
#affe57 rgb(175,254,87)
```
#bbfe70
```
#bbfe70 rgb(187,254,112)
```
#c7fe8a
```
#c7fe8a rgb(199,254,138)
```
#d3fea3
```
#d3fea3 rgb(211,254,163)
```

Monochromatic Color

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

#d9fe57
```
#d9fe57 rgb(217,254,87)
```
#cbfe57
```
#cbfe57 rgb(203,254,87)
```
#bdfe57
```
#bdfe57 rgb(189,254,87)
```
#affe57
```
#affe57 rgb(175,254,87)
```
#a1fe57
```
#a1fe57 rgb(161,254,87)
```
#93fe57
```
#93fe57 rgb(147,254,87)
```
#85fe57
```
#85fe57 rgb(133,254,87)
```

Similar Colors

Text with hexadecimal color #affe57

This text has a font color of #affe57.

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

#affe57 background color

This paragraph has a background color of #affe57.

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

#affe57 border color

This element has a border color of #affe57.

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

CSS codes

.text {color:#affe57;}

.background {background-color:#affe57;}

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

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

#040700
```
#040700 rgb(4,7,0)
```
#0e1b00
```
#0e1b00 rgb(14,27,0)
```
#192e00
```
#192e00 rgb(25,46,0)
```
#234200
```
#234200 rgb(35,66,0)
```
#2d5501
```
#2d5501 rgb(45,85,1)
```
#386901
```
#386901 rgb(56,105,1)
```
#427c01
```
#427c01 rgb(66,124,1)
```
#4c9001
```
#4c9001 rgb(76,144,1)
```
#57a301
```
#57a301 rgb(87,163,1)
```
#61b701
```
#61b701 rgb(97,183,1)
```
#6bca01
```
#6bca01 rgb(107,202,1)
```
#76de01
```
#76de01 rgb(118,222,1)
```
#80f101
```
#80f101 rgb(128,241,1)
```

Shade Color Variation

#8afe09
```
#8afe09 rgb(138,254,9)
```
#93fe1d
```
#93fe1d rgb(147,254,29)
```
#9cfe30
```
#9cfe30 rgb(156,254,48)
```
#a6fe44
```
#a6fe44 rgb(166,254,68)
```
#affe57
```
#affe57 rgb(175,254,87)
```
#b8fe6a
```
#b8fe6a rgb(184,254,106)
```
#c2fe7e
```
#c2fe7e rgb(194,254,126)
```
#cbfe91
```
#cbfe91 rgb(203,254,145)
```
#d4fea5
```
#d4fea5 rgb(212,254,165)
```
#ddffb8
```
#ddffb8 rgb(221,255,184)
```
#e7ffcc
```
#e7ffcc rgb(231,255,204)
```
#f0ffdf
```
#f0ffdf rgb(240,255,223)
```
#f9fff3
```
#f9fff3 rgb(249,255,243)
```

Tint Color Variation

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

#abb0a5
```
#abb0a5 rgb(171,176,165)
```
#abb79f
```
#abb79f rgb(171,183,159)
```
#abbd98
```
#abbd98 rgb(171,189,152)
```
#acc492
```
#acc492 rgb(172,196,146)
```
#acca8b
```
#acca8b rgb(172,202,139)
```
#add185
```
#add185 rgb(173,209,133)
```
#add77e
```
#add77e rgb(173,215,126)
```
#adde78
```
#adde78 rgb(173,222,120)
```
#aee471
```
#aee471 rgb(174,228,113)
```
#aeeb6b
```
#aeeb6b rgb(174,235,107)
```
#aef164
```
#aef164 rgb(174,241,100)
```
#aff85e
```
#aff85e rgb(175,248,94)
```
#affe57
```
#affe57 rgb(175,254,87)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#ccdcba Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe985 Protanopia 1% of men
#ffe5c7 Deuteranopia 1% of men
#cdeeff Tritanopia 0.001% of the population

Trichromacy

#e1f074 Protanomaly 1% of men, 0.01% of women
#e1ee9e Deuteranomaly 6% of men, 0.4% of women
#c2f4c1 Tritanomaly 0.01% of the population

#affe57 hex color

#affe57 Color Information

#affe57 Color Conversion

Color Schemes with #affe57

Alternatives to #affe57

#affe57 Preview

Shades and Tints of #affe57

Tones of #affe57

Color Blindness Simulator