#affa2d hex color

In a RGB color space, hex #affa2d is composed of 68.6% red, 98% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 82% yellow and 2% black. It has a hue angle of 82 degrees, a saturation of 95.3% and a lightness of 57.8%. #affa2d color hex could be obtained by blending #ffff5a with #5ff500. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 69
- G 98
- B 18
RGB color chart
- C 30
- M 0
- Y 82
- K 2
CMYK color chart

● #affa2d color description : Bright green.

The hexadecimal color #affa2d has RGB values of R:175, G:250, B:45 and CMYK values of C:0.3, M:0, Y:0.82, K:0.02. Its decimal value is 11532845.

Hex triplet	affa2d	`#affa2d`
RGB Decimal	175, 250, 45	`rgb(175,250,45)`
RGB Percent	68.6, 98, 17.6	`rgb(68.6%,98%,17.6%)`
CMYK	30, 0, 82, 2
HSL	82°, 95.3, 57.8	`hsl(82,95.3%,57.8%)`
HSV (or HSB)	82°, 82, 98
Web Safe	99ff33	`#99ff33`

CIE-LAB	90.63, -49.793, 81.205
XYZ	52.337, 77.673, 14.717
xyY	0.362, 0.537, 77.673
CIE-LCH	90.63, 95.255, 121.516
CIE-LUV	90.63, -37.582, 101.059
Hunter-Lab	88.132, -48.229, 51.792
Binary	10101111, 11111010, 00101101

#affa2d
```
#affa2d rgb(175,250,45)
```
#782dfa
```
#782dfa rgb(120,45,250)
```

Complementary Color

#fadf2d
```
#fadf2d rgb(250,223,45)
```
#affa2d
```
#affa2d rgb(175,250,45)
```
#49fa2d
```
#49fa2d rgb(73,250,45)
```

Analogous Color

#df2dfa
```
#df2dfa rgb(223,45,250)
```
#affa2d
```
#affa2d rgb(175,250,45)
```
#2d49fa
```
#2d49fa rgb(45,73,250)
```

Split Complementary Color

#fa2daf
```
#fa2daf rgb(250,45,175)
```
#affa2d
```
#affa2d rgb(175,250,45)
```
#2daffa
```
#2daffa rgb(45,175,250)
```

Triadic Color

#fa782d
```
#fa782d rgb(250,120,45)
```
#affa2d
```
#affa2d rgb(175,250,45)
```
#2daffa
```
#2daffa rgb(45,175,250)
```
#782dfa
```
#782dfa rgb(120,45,250)
```

Tetradic Color

#89d505
```
#89d505 rgb(137,213,5)
```
#99ee06
```
#99ee06 rgb(153,238,6)
```
#a6f914
```
#a6f914 rgb(166,249,20)
```
#affa2d
```
#affa2d rgb(175,250,45)
```
#b8fb46
```
#b8fb46 rgb(184,251,70)
```
#c2fb5f
```
#c2fb5f rgb(194,251,95)
```
#cbfc78
```
#cbfc78 rgb(203,252,120)
```

Monochromatic Color

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

#e2fa2d
```
#e2fa2d rgb(226,250,45)
```
#d1fa2d
```
#d1fa2d rgb(209,250,45)
```
#c0fa2d
```
#c0fa2d rgb(192,250,45)
```
#affa2d
```
#affa2d rgb(175,250,45)
```
#9efa2d
```
#9efa2d rgb(158,250,45)
```
#8dfa2d
```
#8dfa2d rgb(141,250,45)
```
#7cfa2d
```
#7cfa2d rgb(124,250,45)
```

Similar Colors

Text with hexadecimal color #affa2d

This text has a font color of #affa2d.

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

#affa2d background color

This paragraph has a background color of #affa2d.

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

#affa2d border color

This element has a border color of #affa2d.

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

CSS codes

.text {color:#affa2d;}

.background {background-color:#affa2d;}

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

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

#000100
```
#000100 rgb(0,1,0)
```
#0d1400
```
#0d1400 rgb(13,20,0)
```
#192701
```
#192701 rgb(25,39,1)
```
#253a01
```
#253a01 rgb(37,58,1)
```
#324d02
```
#324d02 rgb(50,77,2)
```
#3e6102
```
#3e6102 rgb(62,97,2)
```
#4a7403
```
#4a7403 rgb(74,116,3)
```
#578703
```
#578703 rgb(87,135,3)
```
#639a04
```
#639a04 rgb(99,154,4)
```
#6fad04
```
#6fad04 rgb(111,173,4)
```
#7cc005
```
#7cc005 rgb(124,192,5)
```
#88d405
```
#88d405 rgb(136,212,5)
```
#94e705
```
#94e705 rgb(148,231,5)
```

Shade Color Variation

#a0f907
```
#a0f907 rgb(160,249,7)
```
#a8fa1a
```
#a8fa1a rgb(168,250,26)
```
#affa2d
```
#affa2d rgb(175,250,45)
```
#b6fa40
```
#b6fa40 rgb(182,250,64)
```
#befb53
```
#befb53 rgb(190,251,83)
```
#c5fb66
```
#c5fb66 rgb(197,251,102)
```
#ccfc7a
```
#ccfc7a rgb(204,252,122)
```
#d3fc8d
```
#d3fc8d rgb(211,252,141)
```
#dbfda0
```
#dbfda0 rgb(219,253,160)
```
#e2fdb3
```
#e2fdb3 rgb(226,253,179)
```
#e9fec6
```
#e9fec6 rgb(233,254,198)
```
#f1fed9
```
#f1fed9 rgb(241,254,217)
```
#f8ffed
```
#f8ffed rgb(248,255,237)
```

Tint Color Variation

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

#949790
```
#949790 rgb(148,151,144)
```
#979f88
```
#979f88 rgb(151,159,136)
```
#99a780
```
#99a780 rgb(153,167,128)
```
#9bb077
```
#9bb077 rgb(155,176,119)
```
#9db86f
```
#9db86f rgb(157,184,111)
```
#9fc067
```
#9fc067 rgb(159,192,103)
```
#a2c85f
```
#a2c85f rgb(162,200,95)
```
#a4d156
```
#a4d156 rgb(164,209,86)
```
#a6d94e
```
#a6d94e rgb(166,217,78)
```
#a8e146
```
#a8e146 rgb(168,225,70)
```
#abe93e
```
#abe93e rgb(171,233,62)
```
#adf235
```
#adf235 rgb(173,242,53)
```
#affa2d
```
#affa2d rgb(175,250,45)
```

Tone Color Variation

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

Dichromacy

#ffe55a Protanopia 1% of men
#ffe1ba Deuteranopia 1% of men
#cde9fa Tritanopia 0.001% of the population

Trichromacy

#e1ed49 Protanomaly 1% of men, 0.01% of women
#e1ea87 Deuteranomaly 6% of men, 0.4% of women
#c2efaf Tritanomaly 0.01% of the population

#affa2d hex color

#affa2d Color Information

#affa2d Color Conversion

Color Schemes with #affa2d

Alternatives to #affa2d

#affa2d Preview

Shades and Tints of #affa2d

Tones of #affa2d

Color Blindness Simulator