#afd561 hex color

In a RGB color space, hex #afd561 is composed of 68.6% red, 83.5% green and 38% blue. Whereas in a CMYK color space, it is composed of 17.8% cyan, 0% magenta, 54.5% yellow and 16.5% black. It has a hue angle of 79.7 degrees, a saturation of 58% and a lightness of 60.8%. #afd561 color hex could be obtained by blending #ffffc2 with #5fab00. Closest websafe color is: #99cc66.

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

● #afd561 color description : Moderate green.

The hexadecimal color #afd561 has RGB values of R:175, G:213, B:97 and CMYK values of C:0.18, M:0, Y:0.54, K:0.16. Its decimal value is 11523425.

Hex triplet	afd561	`#afd561`
RGB Decimal	175, 213, 97	`rgb(175,213,97)`
RGB Percent	68.6, 83.5, 38	`rgb(68.6%,83.5%,38%)`
CMYK	18, 0, 54, 16
HSL	79.7°, 58, 60.8	`hsl(79.7,58%,60.8%)`
HSV (or HSB)	79.7°, 54.5, 83.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.496, -30.229, 52.454
XYZ	43.63, 57.565, 20.121
xyY	0.36, 0.475, 57.565
CIE-LCH	80.496, 60.541, 119.955
CIE-LUV	80.496, -18.261, 70.289
Hunter-Lab	75.872, -30.128, 37.386
Binary	10101111, 11010101, 01100001

#afd561
```
#afd561 rgb(175,213,97)
```
#8761d5
```
#8761d5 rgb(135,97,213)
```

Complementary Color

#d5c161
```
#d5c161 rgb(213,193,97)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#75d561
```
#75d561 rgb(117,213,97)
```

Analogous Color

#c161d5
```
#c161d5 rgb(193,97,213)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#6175d5
```
#6175d5 rgb(97,117,213)
```

Split Complementary Color

#d561af
```
#d561af rgb(213,97,175)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#61afd5
```
#61afd5 rgb(97,175,213)
```

Triadic Color

#d58761
```
#d58761 rgb(213,135,97)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#61afd5
```
#61afd5 rgb(97,175,213)
```
#8761d5
```
#8761d5 rgb(135,97,213)
```

Tetradic Color

#8cb831
```
#8cb831 rgb(140,184,49)
```
#9bca39
```
#9bca39 rgb(155,202,57)
```
#a5d04d
```
#a5d04d rgb(165,208,77)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#b9da75
```
#b9da75 rgb(185,218,117)
```
#c3e089
```
#c3e089 rgb(195,224,137)
```
#cee59d
```
#cee59d rgb(206,229,157)
```

Monochromatic Color

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

#ccd561
```
#ccd561 rgb(204,213,97)
```
#c2d561
```
#c2d561 rgb(194,213,97)
```
#b9d561
```
#b9d561 rgb(185,213,97)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#a5d561
```
#a5d561 rgb(165,213,97)
```
#9cd561
```
#9cd561 rgb(156,213,97)
```
#92d561
```
#92d561 rgb(146,213,97)
```

Similar Colors

Text with hexadecimal color #afd561

This text has a font color of #afd561.

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

#afd561 background color

This paragraph has a background color of #afd561.

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

#afd561 border color

This element has a border color of #afd561.

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

CSS codes

.text {color:#afd561;}

.background {background-color:#afd561;}

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

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, #090c03 is the darkest color, while #fdfefc is the lightest one.

#090c03
```
#090c03 rgb(9,12,3)
```
#151c07
```
#151c07 rgb(21,28,7)
```
#212b0c
```
#212b0c rgb(33,43,12)
```
#2d3b10
```
#2d3b10 rgb(45,59,16)
```
#394a14
```
#394a14 rgb(57,74,20)
```
#445a18
```
#445a18 rgb(68,90,24)
```
#50691c
```
#50691c rgb(80,105,28)
```
#5c7920
```
#5c7920 rgb(92,121,32)
```
#688824
```
#688824 rgb(104,136,36)
```
#739828
```
#739828 rgb(115,152,40)
```
#7fa72d
```
#7fa72d rgb(127,167,45)
```
#8bb731
```
#8bb731 rgb(139,183,49)
```
#97c635
```
#97c635 rgb(151,198,53)
```

Shade Color Variation

#9fcd42
```
#9fcd42 rgb(159,205,66)
```
#a7d152
```
#a7d152 rgb(167,209,82)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#b7d970
```
#b7d970 rgb(183,217,112)
```
#bfdd80
```
#bfdd80 rgb(191,221,128)
```
#c7e18f
```
#c7e18f rgb(199,225,143)
```
#cee59f
```
#cee59f rgb(206,229,159)
```
#d6eaae
```
#d6eaae rgb(214,234,174)
```
#deeebe
```
#deeebe rgb(222,238,190)
```
#e6f2cd
```
#e6f2cd rgb(230,242,205)
```
#eef6dd
```
#eef6dd rgb(238,246,221)
```
#f6faec
```
#f6faec rgb(246,250,236)
```
#fdfefc
```
#fdfefc rgb(253,254,252)
```

Tint Color Variation

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

#9c9f97
```
#9c9f97 rgb(156,159,151)
```
#9fa78f
```
#9fa78f rgb(159,167,143)
```
#a2af87
```
#a2af87 rgb(162,175,135)
```
#a4b680
```
#a4b680 rgb(164,182,128)
```
#a7be78
```
#a7be78 rgb(167,190,120)
```
#aac670
```
#aac670 rgb(170,198,112)
```
#accd69
```
#accd69 rgb(172,205,105)
```
#afd561
```
#afd561 rgb(175,213,97)
```
#b2dd59
```
#b2dd59 rgb(178,221,89)
```
#b4e452
```
#b4e452 rgb(180,228,82)
```
#b7ec4a
```
#b7ec4a rgb(183,236,74)
```
#baf442
```
#baf442 rgb(186,244,66)
```
#bcfb3b
```
#bcfb3b rgb(188,251,59)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#b9c1aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfca65 Protanopia 1% of men
#f6c170 Deuteranopia 1% of men
#c3cbd9 Tritanopia 0.001% of the population

Trichromacy

#cdce63 Protanomaly 1% of men, 0.01% of women
#dcc86b Deuteranomaly 6% of men, 0.4% of women
#bbcead Tritanomaly 0.01% of the population

#afd561 hex color

#afd561 Color Information

#afd561 Color Conversion

Color Schemes with #afd561

Alternatives to #afd561

#afd561 Preview

Shades and Tints of #afd561

Tones of #afd561

Color Blindness Simulator