#afdf54 hex color

In a RGB color space, hex #afdf54 is composed of 68.6% red, 87.5% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 21.5% cyan, 0% magenta, 62.3% yellow and 12.5% black. It has a hue angle of 80.7 degrees, a saturation of 68.5% and a lightness of 60.2%. #afdf54 color hex could be obtained by blending #ffffa8 with #5fbf00. Closest websafe color is: #99cc66.

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

● #afdf54 color description : Soft green.

The hexadecimal color #afdf54 has RGB values of R:175, G:223, B:84 and CMYK values of C:0.22, M:0, Y:0.62, K:0.13. Its decimal value is 11525972.

Hex triplet	afdf54	`#afdf54`
RGB Decimal	175, 223, 84	`rgb(175,223,84)`
RGB Percent	68.6, 87.5, 32.9	`rgb(68.6%,87.5%,32.9%)`
CMYK	22, 0, 62, 13
HSL	80.7°, 68.5, 60.2	`hsl(80.7,68.5%,60.2%)`
HSV (or HSB)	80.7°, 62.3, 87.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	83.194, -35.947, 61.155
XYZ	45.666, 62.529, 18.05
xyY	0.362, 0.495, 62.529
CIE-LCH	83.194, 70.938, 120.447
CIE-LUV	83.194, -23.597, 79.98
Hunter-Lab	79.075, -35.297, 41.818
Binary	10101111, 11011111, 01010100

#afdf54
```
#afdf54 rgb(175,223,84)
```
#8454df
```
#8454df rgb(132,84,223)
```

Complementary Color

#dfca54
```
#dfca54 rgb(223,202,84)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#6adf54
```
#6adf54 rgb(106,223,84)
```

Analogous Color

#ca54df
```
#ca54df rgb(202,84,223)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#546adf
```
#546adf rgb(84,106,223)
```

Split Complementary Color

#df54af
```
#df54af rgb(223,84,175)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#54afdf
```
#54afdf rgb(84,175,223)
```

Triadic Color

#df8454
```
#df8454 rgb(223,132,84)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#54afdf
```
#54afdf rgb(84,175,223)
```
#8454df
```
#8454df rgb(132,84,223)
```

Tetradic Color

#8cc224
```
#8cc224 rgb(140,194,36)
```
#9bd729
```
#9bd729 rgb(155,215,41)
```
#a5db3f
```
#a5db3f rgb(165,219,63)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#b9e369
```
#b9e369 rgb(185,227,105)
```
#c3e77f
```
#c3e77f rgb(195,231,127)
```
#cdeb94
```
#cdeb94 rgb(205,235,148)
```

Monochromatic Color

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

#d2df54
```
#d2df54 rgb(210,223,84)
```
#c6df54
```
#c6df54 rgb(198,223,84)
```
#bbdf54
```
#bbdf54 rgb(187,223,84)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#a3df54
```
#a3df54 rgb(163,223,84)
```
#98df54
```
#98df54 rgb(152,223,84)
```
#8cdf54
```
#8cdf54 rgb(140,223,84)
```

Similar Colors

Text with hexadecimal color #afdf54

This text has a font color of #afdf54.

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

#afdf54 background color

This paragraph has a background color of #afdf54.

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

#afdf54 border color

This element has a border color of #afdf54.

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

CSS codes

.text {color:#afdf54;}

.background {background-color:#afdf54;}

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

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, #080b02 is the darkest color, while #fcfef9 is the lightest one.

#080b02
```
#080b02 rgb(8,11,2)
```
#141b05
```
#141b05 rgb(20,27,5)
```
#202c08
```
#202c08 rgb(32,44,8)
```
#2b3c0b
```
#2b3c0b rgb(43,60,11)
```
#374d0e
```
#374d0e rgb(55,77,14)
```
#435d11
```
#435d11 rgb(67,93,17)
```
#4f6e15
```
#4f6e15 rgb(79,110,21)
```
#5b7e18
```
#5b7e18 rgb(91,126,24)
```
#678f1b
```
#678f1b rgb(103,143,27)
```
#739f1e
```
#739f1e rgb(115,159,30)
```
#7fb021
```
#7fb021 rgb(127,176,33)
```
#8ac124
```
#8ac124 rgb(138,193,36)
```
#96d127
```
#96d127 rgb(150,209,39)
```

Shade Color Variation

#a0d933
```
#a0d933 rgb(160,217,51)
```
#a7dc43
```
#a7dc43 rgb(167,220,67)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#b7e265
```
#b7e265 rgb(183,226,101)
```
#bee575
```
#bee575 rgb(190,229,117)
```
#c6e886
```
#c6e886 rgb(198,232,134)
```
#ceeb96
```
#ceeb96 rgb(206,235,150)
```
#d6eea7
```
#d6eea7 rgb(214,238,167)
```
#ddf2b7
```
#ddf2b7 rgb(221,242,183)
```
#e5f5c8
```
#e5f5c8 rgb(229,245,200)
```
#edf8d8
```
#edf8d8 rgb(237,248,216)
```
#f5fbe9
```
#f5fbe9 rgb(245,251,233)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#9ca192
```
#9ca192 rgb(156,161,146)
```
#9ea88b
```
#9ea88b rgb(158,168,139)
```
#a1b083
```
#a1b083 rgb(161,176,131)
```
#a3b87b
```
#a3b87b rgb(163,184,123)
```
#a5c073
```
#a5c073 rgb(165,192,115)
```
#a8c86b
```
#a8c86b rgb(168,200,107)
```
#aacf64
```
#aacf64 rgb(170,207,100)
```
#add75c
```
#add75c rgb(173,215,92)
```
#afdf54
```
#afdf54 rgb(175,223,84)
```
#b1e74c
```
#b1e74c rgb(177,231,76)
```
#b4ef44
```
#b4ef44 rgb(180,239,68)
```
#b6f63d
```
#b6f63d rgb(182,246,61)
```
#b9fe35
```
#b9fe35 rgb(185,254,53)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bdc7ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d158 Protanopia 1% of men
#ffc86f Deuteranopia 1% of men
#c6d3e2 Tritanopia 0.001% of the population

Trichromacy

#d3d657 Protanomaly 1% of men, 0.01% of women
#e1d065 Deuteranomaly 6% of men, 0.4% of women
#bdd7ae Tritanomaly 0.01% of the population

#afdf54 hex color

#afdf54 Color Information

#afdf54 Color Conversion

Color Schemes with #afdf54

Alternatives to #afdf54

#afdf54 Preview

Shades and Tints of #afdf54

Tones of #afdf54

Color Blindness Simulator