#afdf46 hex color

In a RGB color space, hex #afdf46 is composed of 68.6% red, 87.5% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 68.6% yellow and 12.5% black. It has a hue angle of 78.8 degrees, a saturation of 70.5% and a lightness of 57.5%. #afdf46 color hex could be obtained by blending #ffff8c with #5fbf00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 87
- B 27
RGB color chart
- C 22
- M 0
- Y 69
- K 13
CMYK color chart

● #afdf46 color description : Soft green.

The hexadecimal color #afdf46 has RGB values of R:175, G:223, B:70 and CMYK values of C:0.22, M:0, Y:0.69, K:0.13. Its decimal value is 11525958.

Hex triplet	afdf46	`#afdf46`
RGB Decimal	175, 223, 70	`rgb(175,223,70)`
RGB Percent	68.6, 87.5, 27.5	`rgb(68.6%,87.5%,27.5%)`
CMYK	22, 0, 69, 13
HSL	78.8°, 70.5, 57.5	`hsl(78.8,70.5%,57.5%)`
HSV (or HSB)	78.8°, 68.6, 87.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	83.089, -36.915, 66.537
XYZ	45.172, 62.331, 15.445
xyY	0.367, 0.507, 62.331
CIE-LCH	83.089, 76.092, 119.022
CIE-LUV	83.089, -23.561, 84.441
Hunter-Lab	78.95, -36.032, 43.666
Binary	10101111, 11011111, 01000110

#afdf46
```
#afdf46 rgb(175,223,70)
```
#7646df
```
#7646df rgb(118,70,223)
```

Complementary Color

#dfc346
```
#dfc346 rgb(223,195,70)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#62df46
```
#62df46 rgb(98,223,70)
```

Analogous Color

#c346df
```
#c346df rgb(195,70,223)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#4663df
```
#4663df rgb(70,99,223)
```

Split Complementary Color

#df46af
```
#df46af rgb(223,70,175)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#46afdf
```
#46afdf rgb(70,175,223)
```

Triadic Color

#df7646
```
#df7646 rgb(223,118,70)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#46afdf
```
#46afdf rgb(70,175,223)
```
#7646df
```
#7646df rgb(118,70,223)
```

Tetradic Color

#89b920
```
#89b920 rgb(137,185,32)
```
#99ce24
```
#99ce24 rgb(153,206,36)
```
#a6db30
```
#a6db30 rgb(166,219,48)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#b8e35c
```
#b8e35c rgb(184,227,92)
```
#c2e771
```
#c2e771 rgb(194,231,113)
```
#cbea87
```
#cbea87 rgb(203,234,135)
```

Monochromatic Color

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

#d5df46
```
#d5df46 rgb(213,223,70)
```
#c9df46
```
#c9df46 rgb(201,223,70)
```
#bcdf46
```
#bcdf46 rgb(188,223,70)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#a2df46
```
#a2df46 rgb(162,223,70)
```
#96df46
```
#96df46 rgb(150,223,70)
```
#89df46
```
#89df46 rgb(137,223,70)
```

Similar Colors

Text with hexadecimal color #afdf46

This text has a font color of #afdf46.

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

#afdf46 background color

This paragraph has a background color of #afdf46.

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

#afdf46 border color

This element has a border color of #afdf46.

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

CSS codes

.text {color:#afdf46;}

.background {background-color:#afdf46;}

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

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, #0c1003 is the darkest color, while #fffffe is the lightest one.

#0c1003
```
#0c1003 rgb(12,16,3)
```
#182006
```
#182006 rgb(24,32,6)
```
#243108
```
#243108 rgb(36,49,8)
```
#31420b
```
#31420b rgb(49,66,11)
```
#3d530e
```
#3d530e rgb(61,83,14)
```
#4a6311
```
#4a6311 rgb(74,99,17)
```
#567414
```
#567414 rgb(86,116,20)
```
#628517
```
#628517 rgb(98,133,23)
```
#6f951a
```
#6f951a rgb(111,149,26)
```
#7ba61d
```
#7ba61d rgb(123,166,29)
```
#87b720
```
#87b720 rgb(135,183,32)
```
#94c823
```
#94c823 rgb(148,200,35)
```
#a0d825
```
#a0d825 rgb(160,216,37)
```

Shade Color Variation

#a8dc35
```
#a8dc35 rgb(168,220,53)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#b6e257
```
#b6e257 rgb(182,226,87)
```
#bde567
```
#bde567 rgb(189,229,103)
```
#c5e878
```
#c5e878 rgb(197,232,120)
```
#cceb89
```
#cceb89 rgb(204,235,137)
```
#d3ed9a
```
#d3ed9a rgb(211,237,154)
```
#daf0aa
```
#daf0aa rgb(218,240,170)
```
#e2f3bb
```
#e2f3bb rgb(226,243,187)
```
#e9f6cc
```
#e9f6cc rgb(233,246,204)
```
#f0f9dd
```
#f0f9dd rgb(240,249,221)
```
#f7fced
```
#f7fced rgb(247,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#939491
```
#939491 rgb(147,148,145)
```
#969c89
```
#969c89 rgb(150,156,137)
```
#99a580
```
#99a580 rgb(153,165,128)
```
#9cad78
```
#9cad78 rgb(156,173,120)
```
#9fb570
```
#9fb570 rgb(159,181,112)
```
#a3be67
```
#a3be67 rgb(163,190,103)
```
#a6c65f
```
#a6c65f rgb(166,198,95)
```
#a9ce57
```
#a9ce57 rgb(169,206,87)
```
#acd74e
```
#acd74e rgb(172,215,78)
```
#afdf46
```
#afdf46 rgb(175,223,70)
```
#b2e73e
```
#b2e73e rgb(178,231,62)
```
#b5f035
```
#b5f035 rgb(181,240,53)
```
#b8f82d
```
#b8f82d rgb(184,248,45)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#bcc5a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d14b Protanopia 1% of men
#ffc86a Deuteranopia 1% of men
#c6d2e1 Tritanopia 0.001% of the population

Trichromacy

#d4d649 Protanomaly 1% of men, 0.01% of women
#e1d05d Deuteranomaly 6% of men, 0.4% of women
#bed7a9 Tritanomaly 0.01% of the population

#afdf46 hex color

#afdf46 Color Information

#afdf46 Color Conversion

Color Schemes with #afdf46

Alternatives to #afdf46

#afdf46 Preview

Shades and Tints of #afdf46

Tones of #afdf46

Color Blindness Simulator