#afd54a hex color

In a RGB color space, hex #afd54a is composed of 68.6% red, 83.5% green and 29% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 65.3% yellow and 16.5% black. It has a hue angle of 76.4 degrees, a saturation of 62.3% and a lightness of 56.3%. #afd54a color hex could be obtained by blending #ffff94 with #5fab00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 84
- B 29
RGB color chart
- C 18
- M 0
- Y 65
- K 16
CMYK color chart

● #afd54a color description : Moderate green.

The hexadecimal color #afd54a has RGB values of R:175, G:213, B:74 and CMYK values of C:0.18, M:0, Y:0.65, K:0.16. Its decimal value is 11523402.

Hex triplet	afd54a	`#afd54a`
RGB Decimal	175, 213, 74	`rgb(175,213,74)`
RGB Percent	68.6, 83.5, 29	`rgb(68.6%,83.5%,29%)`
CMYK	18, 0, 65, 16
HSL	76.4°, 62.3, 56.3	`hsl(76.4,62.3%,56.3%)`
HSV (or HSB)	76.4°, 65.3, 83.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.29, -32.074, 62.111
XYZ	42.709, 57.196, 15.268
xyY	0.371, 0.497, 57.196
CIE-LCH	80.29, 69.904, 117.312
CIE-LUV	80.29, -18.099, 78.858
Hunter-Lab	75.628, -31.547, 40.97
Binary	10101111, 11010101, 01001010

#afd54a
```
#afd54a rgb(175,213,74)
```
#704ad5
```
#704ad5 rgb(112,74,213)
```

Complementary Color

#d5b64a
```
#d5b64a rgb(213,182,74)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#6ad54a
```
#6ad54a rgb(106,213,74)
```

Analogous Color

#b64ad5
```
#b64ad5 rgb(182,74,213)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#4a6ad5
```
#4a6ad5 rgb(74,106,213)
```

Split Complementary Color

#d54aaf
```
#d54aaf rgb(213,74,175)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#4aafd5
```
#4aafd5 rgb(74,175,213)
```

Triadic Color

#d5704a
```
#d5704a rgb(213,112,74)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#4aafd5
```
#4aafd5 rgb(74,175,213)
```
#704ad5
```
#704ad5 rgb(112,74,213)
```

Tetradic Color

#87ab28
```
#87ab28 rgb(135,171,40)
```
#97c02c
```
#97c02c rgb(151,192,44)
```
#a6d035
```
#a6d035 rgb(166,208,53)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#b8da5f
```
#b8da5f rgb(184,218,95)
```
#c1df73
```
#c1df73 rgb(193,223,115)
```
#cae388
```
#cae388 rgb(202,227,136)
```

Monochromatic Color

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

#d2d54a
```
#d2d54a rgb(210,213,74)
```
#c6d54a
```
#c6d54a rgb(198,213,74)
```
#bbd54a
```
#bbd54a rgb(187,213,74)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#a3d54a
```
#a3d54a rgb(163,213,74)
```
#98d54a
```
#98d54a rgb(152,213,74)
```
#8cd54a
```
#8cd54a rgb(140,213,74)
```

Similar Colors

Text with hexadecimal color #afd54a

This text has a font color of #afd54a.

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

#afd54a background color

This paragraph has a background color of #afd54a.

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

#afd54a border color

This element has a border color of #afd54a.

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

CSS codes

.text {color:#afd54a;}

.background {background-color:#afd54a;}

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

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

#080a02
```
#080a02 rgb(8,10,2)
```
#151a06
```
#151a06 rgb(21,26,6)
```
#212a0a
```
#212a0a rgb(33,42,10)
```
#2e3a0d
```
#2e3a0d rgb(46,58,13)
```
#3a4a11
```
#3a4a11 rgb(58,74,17)
```
#475a15
```
#475a15 rgb(71,90,21)
```
#536a18
```
#536a18 rgb(83,106,24)
```
#60791c
```
#60791c rgb(96,121,28)
```
#6d8920
```
#6d8920 rgb(109,137,32)
```
#799924
```
#799924 rgb(121,153,36)
```
#86a927
```
#86a927 rgb(134,169,39)
```
#92b92b
```
#92b92b rgb(146,185,43)
```
#9fc92f
```
#9fc92f rgb(159,201,47)
```

Shade Color Variation

#a8d13a
```
#a8d13a rgb(168,209,58)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#b6d95a
```
#b6d95a rgb(182,217,90)
```
#bddc6a
```
#bddc6a rgb(189,220,106)
```
#c4e07a
```
#c4e07a rgb(196,224,122)
```
#cbe48a
```
#cbe48a rgb(203,228,138)
```
#d2e79a
```
#d2e79a rgb(210,231,154)
```
#d9ebaa
```
#d9ebaa rgb(217,235,170)
```
#e0efb9
```
#e0efb9 rgb(224,239,185)
```
#e7f3c9
```
#e7f3c9 rgb(231,243,201)
```
#eef6d9
```
#eef6d9 rgb(238,246,217)
```
#f5fae9
```
#f5fae9 rgb(245,250,233)
```
#fcfef9
```
#fcfef9 rgb(252,254,249)
```

Tint Color Variation

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

#90908f
```
#90908f rgb(144,144,143)
```
#949986
```
#949986 rgb(148,153,134)
```
#98a27d
```
#98a27d rgb(152,162,125)
```
#9caa75
```
#9caa75 rgb(156,170,117)
```
#9fb36c
```
#9fb36c rgb(159,179,108)
```
#a3bb64
```
#a3bb64 rgb(163,187,100)
```
#a7c45b
```
#a7c45b rgb(167,196,91)
```
#abcc53
```
#abcc53 rgb(171,204,83)
```
#afd54a
```
#afd54a rgb(175,213,74)
```
#b3de41
```
#b3de41 rgb(179,222,65)
```
#b7e639
```
#b7e639 rgb(183,230,57)
```
#bbef30
```
#bbef30 rgb(187,239,48)
```
#bff728
```
#bff728 rgb(191,247,40)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#b8bfa4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0ca4f Protanopia 1% of men
#f8c05c Deuteranopia 1% of men
#c4cad8 Tritanopia 0.001% of the population

Trichromacy

#cece4d Protanomaly 1% of men, 0.01% of women
#ddc855 Deuteranomaly 6% of men, 0.4% of women
#bccea4 Tritanomaly 0.01% of the population

#afd54a hex color

#afd54a Color Information

#afd54a Color Conversion

Color Schemes with #afd54a

Alternatives to #afd54a

#afd54a Preview

Shades and Tints of #afd54a

Tones of #afd54a

Color Blindness Simulator