#affd2f hex color

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

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

● #affd2f color description : Bright green.

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

Hex triplet	affd2f	`#affd2f`
RGB Decimal	175, 253, 47	`rgb(175,253,47)`
RGB Percent	68.6, 99.2, 18.4	`rgb(68.6%,99.2%,18.4%)`
CMYK	31, 0, 81, 1
HSL	82.7°, 98.1, 58.8	`hsl(82.7,98.1%,58.8%)`
HSV (or HSB)	82.7°, 81.4, 99.2
Web Safe	99ff33	`#99ff33`

CIE-LAB	91.491, -50.961, 81.491
XYZ	53.316, 79.568, 15.238
xyY	0.36, 0.537, 79.568
CIE-LCH	91.491, 96.114, 122.02
CIE-LUV	91.491, -39.064, 101.922
Hunter-Lab	89.201, -49.41, 52.312
Binary	10101111, 11111101, 00101111

#affd2f
```
#affd2f rgb(175,253,47)
```
#7d2ffd
```
#7d2ffd rgb(125,47,253)
```

Complementary Color

#fde42f
```
#fde42f rgb(253,228,47)
```
#affd2f
```
#affd2f rgb(175,253,47)
```
#48fd2f
```
#48fd2f rgb(72,253,47)
```

Analogous Color

#e42ffd
```
#e42ffd rgb(228,47,253)
```
#affd2f
```
#affd2f rgb(175,253,47)
```
#2f48fd
```
#2f48fd rgb(47,72,253)
```

Split Complementary Color

#fd2faf
```
#fd2faf rgb(253,47,175)
```
#affd2f
```
#affd2f rgb(175,253,47)
```
#2faffd
```
#2faffd rgb(47,175,253)
```

Triadic Color

#fd7d2f
```
#fd7d2f rgb(253,125,47)
```
#affd2f
```
#affd2f rgb(175,253,47)
```
#2faffd
```
#2faffd rgb(47,175,253)
```
#7d2ffd
```
#7d2ffd rgb(125,47,253)
```

Tetradic Color

#8add02
```
#8add02 rgb(138,221,2)
```
#9af702
```
#9af702 rgb(154,247,2)
```
#a5fd16
```
#a5fd16 rgb(165,253,22)
```
#affd2f
```
#affd2f rgb(175,253,47)
```
#b9fd48
```
#b9fd48 rgb(185,253,72)
```
#c2fd62
```
#c2fd62 rgb(194,253,98)
```
#ccfe7b
```
#ccfe7b rgb(204,254,123)
```

Monochromatic Color

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

#e3fd2f
```
#e3fd2f rgb(227,253,47)
```
#d1fd2f
```
#d1fd2f rgb(209,253,47)
```
#c0fd2f
```
#c0fd2f rgb(192,253,47)
```
#affd2f
```
#affd2f rgb(175,253,47)
```
#9efd2f
```
#9efd2f rgb(158,253,47)
```
#8dfd2f
```
#8dfd2f rgb(141,253,47)
```
#7cfd2f
```
#7cfd2f rgb(124,253,47)
```

Similar Colors

Text with hexadecimal color #affd2f

This text has a font color of #affd2f.

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

#affd2f background color

This paragraph has a background color of #affd2f.

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

#affd2f border color

This element has a border color of #affd2f.

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

CSS codes

.text {color:#affd2f;}

.background {background-color:#affd2f;}

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

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

#040600
```
#040600 rgb(4,6,0)
```
#101900
```
#101900 rgb(16,25,0)
```
#1c2d00
```
#1c2d00 rgb(28,45,0)
```
#284001
```
#284001 rgb(40,64,1)
```
#345301
```
#345301 rgb(52,83,1)
```
#406701
```
#406701 rgb(64,103,1)
```
#4c7a01
```
#4c7a01 rgb(76,122,1)
```
#598e01
```
#598e01 rgb(89,142,1)
```
#65a102
```
#65a102 rgb(101,161,2)
```
#71b502
```
#71b502 rgb(113,181,2)
```
#7dc802
```
#7dc802 rgb(125,200,2)
```
#89db02
```
#89db02 rgb(137,219,2)
```
#95ef02
```
#95ef02 rgb(149,239,2)
```

Shade Color Variation

#a0fd08
```
#a0fd08 rgb(160,253,8)
```
#a8fd1c
```
#a8fd1c rgb(168,253,28)
```
#affd2f
```
#affd2f rgb(175,253,47)
```
#b6fd42
```
#b6fd42 rgb(182,253,66)
```
#befd56
```
#befd56 rgb(190,253,86)
```
#c5fe69
```
#c5fe69 rgb(197,254,105)
```
#cdfe7d
```
#cdfe7d rgb(205,254,125)
```
#d4fe90
```
#d4fe90 rgb(212,254,144)
```
#dcfea4
```
#dcfea4 rgb(220,254,164)
```
#e3feb7
```
#e3feb7 rgb(227,254,183)
```
#ebfeca
```
#ebfeca rgb(235,254,202)
```
#f2ffde
```
#f2ffde rgb(242,255,222)
```
#fafff1
```
#fafff1 rgb(250,255,241)
```

Tint Color Variation

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

#979c90
```
#979c90 rgb(151,156,144)
```
#99a488
```
#99a488 rgb(153,164,136)
```
#9bac80
```
#9bac80 rgb(155,172,128)
```
#9db478
```
#9db478 rgb(157,180,120)
```
#9fbc70
```
#9fbc70 rgb(159,188,112)
```
#a1c468
```
#a1c468 rgb(161,196,104)
```
#a3cd5f
```
#a3cd5f rgb(163,205,95)
```
#a5d557
```
#a5d557 rgb(165,213,87)
```
#a7dd4f
```
#a7dd4f rgb(167,221,79)
```
#a9e547
```
#a9e547 rgb(169,229,71)
```
#abed3f
```
#abed3f rgb(171,237,63)
```
#adf537
```
#adf537 rgb(173,245,55)
```
#affd2f
```
#affd2f rgb(175,253,47)
```

Tone Color Variation

Below, you can see how #affd2f 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
#c8d7ae Atypical Achromatopsia 0.001% of the population

Dichromacy

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

Trichromacy

#e1ef5c Protanomaly 1% of men, 0.01% of women
#e1ec8c Deuteranomaly 6% of men, 0.4% of women
#c2f2b2 Tritanomaly 0.01% of the population

#affd2f hex color

#affd2f Color Information

#affd2f Color Conversion

Color Schemes with #affd2f

Alternatives to #affd2f

#affd2f Preview

Shades and Tints of #affd2f

Tones of #affd2f

Color Blindness Simulator