#affd1f hex color

In a RGB color space, hex #affd1f is composed of 68.6% red, 99.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 87.7% yellow and 0.8% black. It has a hue angle of 81.1 degrees, a saturation of 98.2% and a lightness of 55.7%. #affd1f color hex could be obtained by blending #ffff3e with #5ffb00. Closest websafe color is: #99ff33.

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

● #affd1f color description : Vivid green.

The hexadecimal color #affd1f has RGB values of R:175, G:253, B:31 and CMYK values of C:0.31, M:0, Y:0.88, K:0.01. Its decimal value is 11533599.

Hex triplet	affd1f	`#affd1f`
RGB Decimal	175, 253, 31	`rgb(175,253,31)`
RGB Percent	68.6, 99.2, 12.2	`rgb(68.6%,99.2%,12.2%)`
CMYK	31, 0, 88, 1
HSL	81.1°, 98.2, 55.7	`hsl(81.1,98.2%,55.7%)`
HSV (or HSB)	81.1°, 87.7, 99.2
Web Safe	99ff33	`#99ff33`

CIE-LAB	91.443, -51.441, 84.69
XYZ	53.051, 79.462, 13.839
xyY	0.362, 0.543, 79.462
CIE-LCH	91.443, 99.088, 121.275
CIE-LUV	91.443, -39.102, 104.086
Hunter-Lab	89.141, -49.766, 53.194
Binary	10101111, 11111101, 00011111

#affd1f
```
#affd1f rgb(175,253,31)
```
#6d1ffd
```
#6d1ffd rgb(109,31,253)
```

Complementary Color

#fddc1f
```
#fddc1f rgb(253,220,31)
```
#affd1f
```
#affd1f rgb(175,253,31)
```
#40fd1f
```
#40fd1f rgb(64,253,31)
```

Analogous Color

#dc1ffd
```
#dc1ffd rgb(220,31,253)
```
#affd1f
```
#affd1f rgb(175,253,31)
```
#1f40fd
```
#1f40fd rgb(31,64,253)
```

Split Complementary Color

#fd1faf
```
#fd1faf rgb(253,31,175)
```
#affd1f
```
#affd1f rgb(175,253,31)
```
#1faffd
```
#1faffd rgb(31,175,253)
```

Triadic Color

#fd6d1f
```
#fd6d1f rgb(253,109,31)
```
#affd1f
```
#affd1f rgb(175,253,31)
```
#1faffd
```
#1faffd rgb(31,175,253)
```
#6d1ffd
```
#6d1ffd rgb(109,31,253)
```

Tetradic Color

#86ce02
```
#86ce02 rgb(134,206,2)
```
#97e702
```
#97e702 rgb(151,231,2)
```
#a6fd06
```
#a6fd06 rgb(166,253,6)
```
#affd1f
```
#affd1f rgb(175,253,31)
```
#b8fd38
```
#b8fd38 rgb(184,253,56)
```
#c1fd52
```
#c1fd52 rgb(193,253,82)
```
#cafe6b
```
#cafe6b rgb(202,254,107)
```

Monochromatic Color

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

#e7fd1f
```
#e7fd1f rgb(231,253,31)
```
#d4fd1f
```
#d4fd1f rgb(212,253,31)
```
#c2fd1f
```
#c2fd1f rgb(194,253,31)
```
#affd1f
```
#affd1f rgb(175,253,31)
```
#9dfd1f
```
#9dfd1f rgb(157,253,31)
```
#8afd1f
```
#8afd1f rgb(138,253,31)
```
#78fd1f
```
#78fd1f rgb(120,253,31)
```

Similar Colors

Text with hexadecimal color #affd1f

This text has a font color of #affd1f.

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

#affd1f background color

This paragraph has a background color of #affd1f.

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

#affd1f border color

This element has a border color of #affd1f.

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

CSS codes

.text {color:#affd1f;}

.background {background-color:#affd1f;}

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

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

#060900
```
#060900 rgb(6,9,0)
```
#131d00
```
#131d00 rgb(19,29,0)
```
#1f3000
```
#1f3000 rgb(31,48,0)
```
#2c4401
```
#2c4401 rgb(44,68,1)
```
#395701
```
#395701 rgb(57,87,1)
```
#456b01
```
#456b01 rgb(69,107,1)
```
#527e01
```
#527e01 rgb(82,126,1)
```
#5f9101
```
#5f9101 rgb(95,145,1)
```
#6ba501
```
#6ba501 rgb(107,165,1)
```
#78b802
```
#78b802 rgb(120,184,2)
```
#85cc02
```
#85cc02 rgb(133,204,2)
```
#91df02
```
#91df02 rgb(145,223,2)
```
#9ef302
```
#9ef302 rgb(158,243,2)
```

Shade Color Variation

#a8fd0c
```
#a8fd0c rgb(168,253,12)
```
#affd1f
```
#affd1f rgb(175,253,31)
```
#b6fd32
```
#b6fd32 rgb(182,253,50)
```
#bdfd46
```
#bdfd46 rgb(189,253,70)
```
#c4fe59
```
#c4fe59 rgb(196,254,89)
```
#cbfe6d
```
#cbfe6d rgb(203,254,109)
```
#d2fe80
```
#d2fe80 rgb(210,254,128)
```
#d9fe94
```
#d9fe94 rgb(217,254,148)
```
#e0fea7
```
#e0fea7 rgb(224,254,167)
```
#e7febb
```
#e7febb rgb(231,254,187)
```
#edffce
```
#edffce rgb(237,255,206)
```
#f4ffe1
```
#f4ffe1 rgb(244,255,225)
```
#fbfff5
```
#fbfff5 rgb(251,255,245)
```

Tint Color Variation

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

#909587
```
#909587 rgb(144,149,135)
```
#939d7f
```
#939d7f rgb(147,157,127)
```
#95a676
```
#95a676 rgb(149,166,118)
```
#98af6d
```
#98af6d rgb(152,175,109)
```
#9ab765
```
#9ab765 rgb(154,183,101)
```
#9dc05c
```
#9dc05c rgb(157,192,92)
```
#9fc953
```
#9fc953 rgb(159,201,83)
```
#a2d24a
```
#a2d24a rgb(162,210,74)
```
#a5da42
```
#a5da42 rgb(165,218,66)
```
#a7e339
```
#a7e339 rgb(167,227,57)
```
#aaec30
```
#aaec30 rgb(170,236,48)
```
#acf428
```
#acf428 rgb(172,244,40)
```
#affd1f
```
#affd1f rgb(175,253,31)
```

Tone Color Variation

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

#cccccc Achromatopsia 0.005% of the population
#c6d6a9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ffe875 Protanopia 1% of men
#ffe3c1 Deuteranopia 1% of men
#ceecfd Tritanopia 0.001% of the population

Trichromacy

#e1ef55 Protanomaly 1% of men, 0.01% of women
#e1ec86 Deuteranomaly 6% of men, 0.4% of women
#c2f2ac Tritanomaly 0.01% of the population

#affd1f hex color

#affd1f Color Information

#affd1f Color Conversion

Color Schemes with #affd1f

Alternatives to #affd1f

#affd1f Preview

Shades and Tints of #affd1f

Tones of #affd1f

Color Blindness Simulator