#affd31 hex color

In a RGB color space, hex #affd31 is composed of 68.6% red, 99.2% green and 19.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 80.6% yellow and 0.8% black. It has a hue angle of 82.9 degrees, a saturation of 98.1% and a lightness of 59.2%. #affd31 color hex could be obtained by blending #ffff62 with #5ffb00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 99
- B 19
RGB color chart
- C 31
- M 0
- Y 81
- K 1
CMYK color chart

● #affd31 color description : Bright green.

The hexadecimal color #affd31 has RGB values of R:175, G:253, B:49 and CMYK values of C:0.31, M:0, Y:0.81, K:0.01. Its decimal value is 11533617.

Hex triplet	affd31	`#affd31`
RGB Decimal	175, 253, 49	`rgb(175,253,49)`
RGB Percent	68.6, 99.2, 19.2	`rgb(68.6%,99.2%,19.2%)`
CMYK	31, 0, 81, 1
HSL	82.9°, 98.1, 59.2	`hsl(82.9,98.1%,59.2%)`
HSV (or HSB)	82.9°, 80.6, 99.2
Web Safe	99ff33	`#99ff33`

CIE-LAB	91.498, -50.887, 81.012
XYZ	53.358, 79.585, 15.456
xyY	0.36, 0.536, 79.585
CIE-LCH	91.498, 95.668, 122.134
CIE-LUV	91.498, -39.058, 101.588
Hunter-Lab	89.21, -49.355, 52.175
Binary	10101111, 11111101, 00110001

#affd31
```
#affd31 rgb(175,253,49)
```
#7f31fd
```
#7f31fd rgb(127,49,253)
```

Complementary Color

#fde531
```
#fde531 rgb(253,229,49)
```
#affd31
```
#affd31 rgb(175,253,49)
```
#49fd31
```
#49fd31 rgb(73,253,49)
```

Analogous Color

#e531fd
```
#e531fd rgb(229,49,253)
```
#affd31
```
#affd31 rgb(175,253,49)
```
#3149fd
```
#3149fd rgb(49,73,253)
```

Split Complementary Color

#fd31af
```
#fd31af rgb(253,49,175)
```
#affd31
```
#affd31 rgb(175,253,49)
```
#31affd
```
#31affd rgb(49,175,253)
```

Triadic Color

#fd7f31
```
#fd7f31 rgb(253,127,49)
```
#affd31
```
#affd31 rgb(175,253,49)
```
#31affd
```
#31affd rgb(49,175,253)
```
#7f31fd
```
#7f31fd rgb(127,49,253)
```

Tetradic Color

#8bdf02
```
#8bdf02 rgb(139,223,2)
```
#9af902
```
#9af902 rgb(154,249,2)
```
#a5fd18
```
#a5fd18 rgb(165,253,24)
```
#affd31
```
#affd31 rgb(175,253,49)
```
#b9fd4a
```
#b9fd4a rgb(185,253,74)
```
#c3fd64
```
#c3fd64 rgb(195,253,100)
```
#ccfe7d
```
#ccfe7d rgb(204,254,125)
```

Monochromatic Color

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

#e2fd31
```
#e2fd31 rgb(226,253,49)
```
#d1fd31
```
#d1fd31 rgb(209,253,49)
```
#c0fd31
```
#c0fd31 rgb(192,253,49)
```
#affd31
```
#affd31 rgb(175,253,49)
```
#9efd31
```
#9efd31 rgb(158,253,49)
```
#8dfd31
```
#8dfd31 rgb(141,253,49)
```
#7cfd31
```
#7cfd31 rgb(124,253,49)
```

Similar Colors

Text with hexadecimal color #affd31

This text has a font color of #affd31.

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

#affd31 background color

This paragraph has a background color of #affd31.

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

#affd31 border color

This element has a border color of #affd31.

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

CSS codes

.text {color:#affd31;}

.background {background-color:#affd31;}

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

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

#050800
```
#050800 rgb(5,8,0)
```
#111b00
```
#111b00 rgb(17,27,0)
```
#1d2f00
```
#1d2f00 rgb(29,47,0)
```
#294201
```
#294201 rgb(41,66,1)
```
#355501
```
#355501 rgb(53,85,1)
```
#416901
```
#416901 rgb(65,105,1)
```
#4d7c01
```
#4d7c01 rgb(77,124,1)
```
#599001
```
#599001 rgb(89,144,1)
```
#65a302
```
#65a302 rgb(101,163,2)
```
#71b702
```
#71b702 rgb(113,183,2)
```
#7dca02
```
#7dca02 rgb(125,202,2)
```
#8add02
```
#8add02 rgb(138,221,2)
```
#96f102
```
#96f102 rgb(150,241,2)
```

Shade Color Variation

#a0fd0a
```
#a0fd0a rgb(160,253,10)
```
#a7fd1e
```
#a7fd1e rgb(167,253,30)
```
#affd31
```
#affd31 rgb(175,253,49)
```
#b7fd44
```
#b7fd44 rgb(183,253,68)
```
#befd58
```
#befd58 rgb(190,253,88)
```
#c6fe6b
```
#c6fe6b rgb(198,254,107)
```
#cdfe7f
```
#cdfe7f rgb(205,254,127)
```
#d5fe92
```
#d5fe92 rgb(213,254,146)
```
#dcfea6
```
#dcfea6 rgb(220,254,166)
```
#e4feb9
```
#e4feb9 rgb(228,254,185)
```
#ebffcc
```
#ebffcc rgb(235,255,204)
```
#f3ffe0
```
#f3ffe0 rgb(243,255,224)
```
#fafff3
```
#fafff3 rgb(250,255,243)
```

Tint Color Variation

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

#989d91
```
#989d91 rgb(152,157,145)
```
#9aa589
```
#9aa589 rgb(154,165,137)
```
#9cad81
```
#9cad81 rgb(156,173,129)
```
#9eb579
```
#9eb579 rgb(158,181,121)
```
#a0bd71
```
#a0bd71 rgb(160,189,113)
```
#a2c569
```
#a2c569 rgb(162,197,105)
```
#a4cd61
```
#a4cd61 rgb(164,205,97)
```
#a6d559
```
#a6d559 rgb(166,213,89)
```
#a7dd51
```
#a7dd51 rgb(167,221,81)
```
#a9e549
```
#a9e549 rgb(169,229,73)
```
#abed41
```
#abed41 rgb(171,237,65)
```
#adf539
```
#adf539 rgb(173,245,57)
```
#affd31
```
#affd31 rgb(175,253,49)
```

Tone Color Variation

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

#cecece Achromatopsia 0.005% of the population
#c8d7af Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe877 Protanopia 1% of men
#ffe3c1 Deuteranopia 1% of men
#cdecfd Tritanopia 0.001% of the population

Trichromacy

#e1ef5d Protanomaly 1% of men, 0.01% of women
#e1ec8d Deuteranomaly 6% of men, 0.4% of women
#c2f2b3 Tritanomaly 0.01% of the population

#affd31 hex color

#affd31 Color Information

#affd31 Color Conversion

Color Schemes with #affd31

Alternatives to #affd31

#affd31 Preview

Shades and Tints of #affd31

Tones of #affd31

Color Blindness Simulator