#affd30 hex color

In a RGB color space, hex #affd30 is composed of 68.6% red, 99.2% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 30.8% cyan, 0% magenta, 81% yellow and 0.8% black. It has a hue angle of 82.8 degrees, a saturation of 98.1% and a lightness of 59%. #affd30 color hex could be obtained by blending #ffff60 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

● #affd30 color description : Bright green.

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

Hex triplet	affd30	`#affd30`
RGB Decimal	175, 253, 48	`rgb(175,253,48)`
RGB Percent	68.6, 99.2, 18.8	`rgb(68.6%,99.2%,18.8%)`
CMYK	31, 0, 81, 1
HSL	82.8°, 98.1, 59	`hsl(82.8,98.1%,59%)`
HSV (or HSB)	82.8°, 81, 99.2
Web Safe	99ff33	`#99ff33`

CIE-LAB	91.494, -50.924, 81.254
XYZ	53.337, 79.576, 15.346
xyY	0.36, 0.537, 79.576
CIE-LCH	91.494, 95.893, 122.077
CIE-LUV	91.494, -39.061, 101.757
Hunter-Lab	89.205, -49.383, 52.244
Binary	10101111, 11111101, 00110000

#affd30
```
#affd30 rgb(175,253,48)
```
#7e30fd
```
#7e30fd rgb(126,48,253)
```

Complementary Color

#fde530
```
#fde530 rgb(253,229,48)
```
#affd30
```
#affd30 rgb(175,253,48)
```
#48fd30
```
#48fd30 rgb(72,253,48)
```

Analogous Color

#e530fd
```
#e530fd rgb(229,48,253)
```
#affd30
```
#affd30 rgb(175,253,48)
```
#3049fd
```
#3049fd rgb(48,73,253)
```

Split Complementary Color

#fd30af
```
#fd30af rgb(253,48,175)
```
#affd30
```
#affd30 rgb(175,253,48)
```
#30affd
```
#30affd rgb(48,175,253)
```

Triadic Color

#fd7e30
```
#fd7e30 rgb(253,126,48)
```
#affd30
```
#affd30 rgb(175,253,48)
```
#30affd
```
#30affd rgb(48,175,253)
```
#7e30fd
```
#7e30fd rgb(126,48,253)
```

Tetradic Color

#8bde02
```
#8bde02 rgb(139,222,2)
```
#9af802
```
#9af802 rgb(154,248,2)
```
#a5fd17
```
#a5fd17 rgb(165,253,23)
```
#affd30
```
#affd30 rgb(175,253,48)
```
#b9fd49
```
#b9fd49 rgb(185,253,73)
```
#c3fd63
```
#c3fd63 rgb(195,253,99)
```
#ccfe7c
```
#ccfe7c rgb(204,254,124)
```

Monochromatic Color

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

#e2fd30
```
#e2fd30 rgb(226,253,48)
```
#d1fd30
```
#d1fd30 rgb(209,253,48)
```
#c0fd30
```
#c0fd30 rgb(192,253,48)
```
#affd30
```
#affd30 rgb(175,253,48)
```
#9efd30
```
#9efd30 rgb(158,253,48)
```
#8dfd30
```
#8dfd30 rgb(141,253,48)
```
#7cfd30
```
#7cfd30 rgb(124,253,48)
```

Similar Colors

Text with hexadecimal color #affd30

This text has a font color of #affd30.

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

#affd30 background color

This paragraph has a background color of #affd30.

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

#affd30 border color

This element has a border color of #affd30.

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

CSS codes

.text {color:#affd30;}

.background {background-color:#affd30;}

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

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 #fafff2 is the lightest one.

#040700
```
#040700 rgb(4,7,0)
```
#101a00
```
#101a00 rgb(16,26,0)
```
#1c2e00
```
#1c2e00 rgb(28,46,0)
```
#284101
```
#284101 rgb(40,65,1)
```
#355401
```
#355401 rgb(53,84,1)
```
#416801
```
#416801 rgb(65,104,1)
```
#4d7b01
```
#4d7b01 rgb(77,123,1)
```
#598f01
```
#598f01 rgb(89,143,1)
```
#65a202
```
#65a202 rgb(101,162,2)
```
#71b602
```
#71b602 rgb(113,182,2)
```
#7dc902
```
#7dc902 rgb(125,201,2)
```
#89dc02
```
#89dc02 rgb(137,220,2)
```
#95f002
```
#95f002 rgb(149,240,2)
```

Shade Color Variation

#a0fd09
```
#a0fd09 rgb(160,253,9)
```
#a7fd1d
```
#a7fd1d rgb(167,253,29)
```
#affd30
```
#affd30 rgb(175,253,48)
```
#b7fd43
```
#b7fd43 rgb(183,253,67)
```
#befd57
```
#befd57 rgb(190,253,87)
```
#c6fe6a
```
#c6fe6a rgb(198,254,106)
```
#cdfe7e
```
#cdfe7e rgb(205,254,126)
```
#d5fe91
```
#d5fe91 rgb(213,254,145)
```
#dcfea5
```
#dcfea5 rgb(220,254,165)
```
#e4feb8
```
#e4feb8 rgb(228,254,184)
```
#ebffcb
```
#ebffcb rgb(235,255,203)
```
#f3ffdf
```
#f3ffdf rgb(243,255,223)
```
#fafff2
```
#fafff2 rgb(250,255,242)
```

Tint Color Variation

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

#989d90
```
#989d90 rgb(152,157,144)
```
#9aa588
```
#9aa588 rgb(154,165,136)
```
#9cad80
```
#9cad80 rgb(156,173,128)
```
#9eb578
```
#9eb578 rgb(158,181,120)
```
#a0bd70
```
#a0bd70 rgb(160,189,112)
```
#a2c568
```
#a2c568 rgb(162,197,104)
```
#a3cd60
```
#a3cd60 rgb(163,205,96)
```
#a5d558
```
#a5d558 rgb(165,213,88)
```
#a7dd50
```
#a7dd50 rgb(167,221,80)
```
#a9e548
```
#a9e548 rgb(169,229,72)
```
#abed40
```
#abed40 rgb(171,237,64)
```
#adf538
```
#adf538 rgb(173,245,56)
```
#affd30
```
#affd30 rgb(175,253,48)
```

Tone Color Variation

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

#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
#e1ec8c Deuteranomaly 6% of men, 0.4% of women
#c2f2b2 Tritanomaly 0.01% of the population

#affd30 hex color

#affd30 Color Information

#affd30 Color Conversion

Color Schemes with #affd30

Alternatives to #affd30

#affd30 Preview

Shades and Tints of #affd30

Tones of #affd30

Color Blindness Simulator