#afd673 hex color

In a RGB color space, hex #afd673 is composed of 68.6% red, 83.9% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 46.3% yellow and 16.1% black. It has a hue angle of 83.6 degrees, a saturation of 54.7% and a lightness of 64.5%. #afd673 color hex could be obtained by blending #ffffe6 with #5fad00. Closest websafe color is: #99cc66.

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

● #afd673 color description : Slightly desaturated green.

The hexadecimal color #afd673 has RGB values of R:175, G:214, B:115 and CMYK values of C:0.18, M:0, Y:0.46, K:0.16. Its decimal value is 11523699.

Hex triplet	afd673	`#afd673`
RGB Decimal	175, 214, 115	`rgb(175,214,115)`
RGB Percent	68.6, 83.9, 45.1	`rgb(68.6%,83.9%,45.1%)`
CMYK	18, 0, 46, 16
HSL	83.6°, 54.7, 64.5	`hsl(83.6,54.7%,64.5%)`
HSV (or HSB)	83.6°, 46.3, 83.9
Web Safe	99cc66	`#99cc66`

CIE-LAB	80.985, -28.864, 44.522
XYZ	44.819, 58.444, 25.138
xyY	0.349, 0.455, 58.444
CIE-LCH	80.985, 53.06, 122.956
CIE-LUV	80.985, -18.956, 62.43
Hunter-Lab	76.449, -29.137, 34.018
Binary	10101111, 11010110, 01110011

#afd673
```
#afd673 rgb(175,214,115)
```
#9a73d6
```
#9a73d6 rgb(154,115,214)
```

Complementary Color

#d6cc73
```
#d6cc73 rgb(214,204,115)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#7ed673
```
#7ed673 rgb(126,214,115)
```

Analogous Color

#cc73d6
```
#cc73d6 rgb(204,115,214)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#737ed6
```
#737ed6 rgb(115,126,214)
```

Split Complementary Color

#d673af
```
#d673af rgb(214,115,175)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#73afd6
```
#73afd6 rgb(115,175,214)
```

Triadic Color

#d69a73
```
#d69a73 rgb(214,154,115)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#73afd6
```
#73afd6 rgb(115,175,214)
```
#9a73d6
```
#9a73d6 rgb(154,115,214)
```

Tetradic Color

#8dc339
```
#8dc339 rgb(141,195,57)
```
#98ca4c
```
#98ca4c rgb(152,202,76)
```
#a4d05f
```
#a4d05f rgb(164,208,95)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#badc87
```
#badc87 rgb(186,220,135)
```
#c6e29a
```
#c6e29a rgb(198,226,154)
```
#d1e7ae
```
#d1e7ae rgb(209,231,174)
```

Monochromatic Color

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

#c8d673
```
#c8d673 rgb(200,214,115)
```
#c0d673
```
#c0d673 rgb(192,214,115)
```
#b7d673
```
#b7d673 rgb(183,214,115)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#a7d673
```
#a7d673 rgb(167,214,115)
```
#9fd673
```
#9fd673 rgb(159,214,115)
```
#96d673
```
#96d673 rgb(150,214,115)
```

Similar Colors

Text with hexadecimal color #afd673

This text has a font color of #afd673.

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

#afd673 background color

This paragraph has a background color of #afd673.

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

#afd673 border color

This element has a border color of #afd673.

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

CSS codes

.text {color:#afd673;}

.background {background-color:#afd673;}

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

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

#080c03
```
#080c03 rgb(8,12,3)
```
#131b08
```
#131b08 rgb(19,27,8)
```
#1e2a0c
```
#1e2a0c rgb(30,42,12)
```
#293911
```
#293911 rgb(41,57,17)
```
#344815
```
#344815 rgb(52,72,21)
```
#3f581a
```
#3f581a rgb(63,88,26)
```
#4a671e
```
#4a671e rgb(74,103,30)
```
#557623
```
#557623 rgb(85,118,35)
```
#608527
```
#608527 rgb(96,133,39)
```
#6b942b
```
#6b942b rgb(107,148,43)
```
#76a330
```
#76a330 rgb(118,163,48)
```
#81b334
```
#81b334 rgb(129,179,52)
```
#8cc239
```
#8cc239 rgb(140,194,57)
```

Shade Color Variation

#95c945
```
#95c945 rgb(149,201,69)
```
#9ecd55
```
#9ecd55 rgb(158,205,85)
```
#a6d264
```
#a6d264 rgb(166,210,100)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#b8da82
```
#b8da82 rgb(184,218,130)
```
#c0df91
```
#c0df91 rgb(192,223,145)
```
#c9e3a1
```
#c9e3a1 rgb(201,227,161)
```
#d2e8b0
```
#d2e8b0 rgb(210,232,176)
```
#daecbf
```
#daecbf rgb(218,236,191)
```
#e3f1ce
```
#e3f1ce rgb(227,241,206)
```
#ecf5dd
```
#ecf5dd rgb(236,245,221)
```
#f4faec
```
#f4faec rgb(244,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, #a5a5a4 is the less saturated color, while #b6f950 is the most saturated one.

#a5a5a4
```
#a5a5a4 rgb(165,165,164)
```
#a6ac9d
```
#a6ac9d rgb(166,172,157)
```
#a8b396
```
#a8b396 rgb(168,179,150)
```
#a9ba8f
```
#a9ba8f rgb(169,186,143)
```
#abc188
```
#abc188 rgb(171,193,136)
```
#acc881
```
#acc881 rgb(172,200,129)
```
#aecf7a
```
#aecf7a rgb(174,207,122)
```
#afd673
```
#afd673 rgb(175,214,115)
```
#b0dd6c
```
#b0dd6c rgb(176,221,108)
```
#b2e465
```
#b2e465 rgb(178,228,101)
```
#b3eb5e
```
#b3eb5e rgb(179,235,94)
```
#b5f257
```
#b5f257 rgb(181,242,87)
```
#b6f950
```
#b6f950 rgb(182,249,80)
```

Tone Color Variation

Below, you can see how #afd673 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
#bcc4b0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfcb76 Protanopia 1% of men
#f4c381 Deuteranopia 1% of men
#c2ccdb Tritanopia 0.001% of the population

Trichromacy

#cdcf74 Protanomaly 1% of men, 0.01% of women
#dbca7c Deuteranomaly 6% of men, 0.4% of women
#bbd0b5 Tritanomaly 0.01% of the population

#afd673 hex color

#afd673 Color Information

#afd673 Color Conversion

Color Schemes with #afd673

Alternatives to #afd673

#afd673 Preview

Shades and Tints of #afd673

Tones of #afd673

Color Blindness Simulator