#afd276 hex color

In a RGB color space, hex #afd276 is composed of 68.6% red, 82.4% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 43.8% yellow and 17.6% black. It has a hue angle of 82.8 degrees, a saturation of 50.5% and a lightness of 64.3%. #afd276 color hex could be obtained by blending #ffffec with #5fa500. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 82
- B 46
RGB color chart
- C 17
- M 0
- Y 44
- K 18
CMYK color chart

● #afd276 color description : Slightly desaturated green.

The hexadecimal color #afd276 has RGB values of R:175, G:210, B:118 and CMYK values of C:0.17, M:0, Y:0.44, K:0.18. Its decimal value is 11522678.

Hex triplet	afd276	`#afd276`
RGB Decimal	175, 210, 118	`rgb(175,210,118)`
RGB Percent	68.6, 82.4, 46.3	`rgb(68.6%,82.4%,46.3%)`
CMYK	17, 0, 44, 18
HSL	82.8°, 50.5, 64.3	`hsl(82.8,50.5%,64.3%)`
HSV (or HSB)	82.8°, 43.8, 82.4
Web Safe	99cc66	`#99cc66`

CIE-LAB	79.906, -26.613, 41.707
XYZ	43.995, 56.515, 25.729
xyY	0.349, 0.448, 56.515
CIE-LCH	79.906, 49.475, 122.541
CIE-LUV	79.906, -16.841, 58.816
Hunter-Lab	75.176, -27.096, 32.331
Binary	10101111, 11010010, 01110110

#afd276
```
#afd276 rgb(175,210,118)
```
#9976d2
```
#9976d2 rgb(153,118,210)
```

Complementary Color

#d2c776
```
#d2c776 rgb(210,199,118)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#81d276
```
#81d276 rgb(129,210,118)
```

Analogous Color

#c776d2
```
#c776d2 rgb(199,118,210)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#7681d2
```
#7681d2 rgb(118,129,210)
```

Split Complementary Color

#d276af
```
#d276af rgb(210,118,175)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#76afd2
```
#76afd2 rgb(118,175,210)
```

Triadic Color

#d29976
```
#d29976 rgb(210,153,118)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#76afd2
```
#76afd2 rgb(118,175,210)
```
#9976d2
```
#9976d2 rgb(153,118,210)
```

Tetradic Color

#8dbd3e
```
#8dbd3e rgb(141,189,62)
```
#99c550
```
#99c550 rgb(153,197,80)
```
#a4cc63
```
#a4cc63 rgb(164,204,99)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#bad889
```
#bad889 rgb(186,216,137)
```
#c5df9c
```
#c5df9c rgb(197,223,156)
```
#d1e5b0
```
#d1e5b0 rgb(209,229,176)
```

Monochromatic Color

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

#c6d276
```
#c6d276 rgb(198,210,118)
```
#bed276
```
#bed276 rgb(190,210,118)
```
#b7d276
```
#b7d276 rgb(183,210,118)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#a7d276
```
#a7d276 rgb(167,210,118)
```
#a0d276
```
#a0d276 rgb(160,210,118)
```
#98d276
```
#98d276 rgb(152,210,118)
```

Similar Colors

Text with hexadecimal color #afd276

This text has a font color of #afd276.

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

#afd276 background color

This paragraph has a background color of #afd276.

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

#afd276 border color

This element has a border color of #afd276.

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

CSS codes

.text {color:#afd276;}

.background {background-color:#afd276;}

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

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

#080b03
```
#080b03 rgb(8,11,3)
```
#131908
```
#131908 rgb(19,25,8)
```
#1e280d
```
#1e280d rgb(30,40,13)
```
#293712
```
#293712 rgb(41,55,18)
```
#344617
```
#344617 rgb(52,70,23)
```
#3f541c
```
#3f541c rgb(63,84,28)
```
#4a6321
```
#4a6321 rgb(74,99,33)
```
#557225
```
#557225 rgb(85,114,37)
```
#60812a
```
#60812a rgb(96,129,42)
```
#6b902f
```
#6b902f rgb(107,144,47)
```
#769e34
```
#769e34 rgb(118,158,52)
```
#81ad39
```
#81ad39 rgb(129,173,57)
```
#8cbc3e
```
#8cbc3e rgb(140,188,62)
```

Shade Color Variation

#95c34a
```
#95c34a rgb(149,195,74)
```
#9ec858
```
#9ec858 rgb(158,200,88)
```
#a6cd67
```
#a6cd67 rgb(166,205,103)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#b8d785
```
#b8d785 rgb(184,215,133)
```
#c0dc94
```
#c0dc94 rgb(192,220,148)
```
#c9e1a2
```
#c9e1a2 rgb(201,225,162)
```
#d1e5b1
```
#d1e5b1 rgb(209,229,177)
```
#daeac0
```
#daeac0 rgb(218,234,192)
```
#e3efcf
```
#e3efcf rgb(227,239,207)
```
#ebf4dd
```
#ebf4dd rgb(235,244,221)
```
#f4f9ec
```
#f4f9ec rgb(244,249,236)
```
#fdfefb
```
#fdfefb rgb(253,254,251)
```

Tint Color Variation

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

#a5a8a0
```
#a5a8a0 rgb(165,168,160)
```
#a7af99
```
#a7af99 rgb(167,175,153)
```
#a8b692
```
#a8b692 rgb(168,182,146)
```
#aabd8b
```
#aabd8b rgb(170,189,139)
```
#acc484
```
#acc484 rgb(172,196,132)
```
#adcb7d
```
#adcb7d rgb(173,203,125)
```
#afd276
```
#afd276 rgb(175,210,118)
```
#b1d96f
```
#b1d96f rgb(177,217,111)
```
#b2e068
```
#b2e068 rgb(178,224,104)
```
#b4e761
```
#b4e761 rgb(180,231,97)
```
#b6ee5a
```
#b6ee5a rgb(182,238,90)
```
#b7f553
```
#b7f553 rgb(183,245,83)
```
#b9fc4c
```
#b9fc4c rgb(185,252,76)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#bac1af Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbc979 Protanopia 1% of men
#f0c083 Deuteranopia 1% of men
#c1c9d8 Tritanopia 0.001% of the population

Trichromacy

#cbcc78 Protanomaly 1% of men, 0.01% of women
#d8c67e Deuteranomaly 6% of men, 0.4% of women
#baccb4 Tritanomaly 0.01% of the population

#afd276 hex color

#afd276 Color Information

#afd276 Color Conversion

Color Schemes with #afd276

Alternatives to #afd276

#afd276 Preview

Shades and Tints of #afd276

Tones of #afd276

Color Blindness Simulator