#afd648 hex color

In a RGB color space, hex #afd648 is composed of 68.6% red, 83.9% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 18.2% cyan, 0% magenta, 66.4% yellow and 16.1% black. It has a hue angle of 76.5 degrees, a saturation of 63.4% and a lightness of 56.1%. #afd648 color hex could be obtained by blending #ffff90 with #5fad00. Closest websafe color is: #99cc33.

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

● #afd648 color description : Moderate green.

The hexadecimal color #afd648 has RGB values of R:175, G:214, B:72 and CMYK values of C:0.18, M:0, Y:0.66, K:0.16. Its decimal value is 11523656.

Hex triplet	afd648	`#afd648`
RGB Decimal	175, 214, 72	`rgb(175,214,72)`
RGB Percent	68.6, 83.9, 28.2	`rgb(68.6%,83.9%,28.2%)`
CMYK	18, 0, 66, 16
HSL	76.5°, 63.4, 56.1	`hsl(76.5,63.4%,56.1%)`
HSV (or HSB)	76.5°, 66.4, 83.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.557, -32.672, 63.178
XYZ	42.895, 57.674, 15.003
xyY	0.371, 0.499, 57.674
CIE-LCH	80.557, 71.126, 117.346
CIE-LUV	80.557, -18.644, 79.927
Hunter-Lab	75.944, -32.08, 41.448
Binary	10101111, 11010110, 01001000

#afd648
```
#afd648 rgb(175,214,72)
```
#6f48d6
```
#6f48d6 rgb(111,72,214)
```

Complementary Color

#d6b648
```
#d6b648 rgb(214,182,72)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#68d648
```
#68d648 rgb(104,214,72)
```

Analogous Color

#b648d6
```
#b648d6 rgb(182,72,214)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#4868d6
```
#4868d6 rgb(72,104,214)
```

Split Complementary Color

#d648af
```
#d648af rgb(214,72,175)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#48afd6
```
#48afd6 rgb(72,175,214)
```

Triadic Color

#d66f48
```
#d66f48 rgb(214,111,72)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#48afd6
```
#48afd6 rgb(72,175,214)
```
#6f48d6
```
#6f48d6 rgb(111,72,214)
```

Tetradic Color

#87ab26
```
#87ab26 rgb(135,171,38)
```
#97c02b
```
#97c02b rgb(151,192,43)
```
#a6d133
```
#a6d133 rgb(166,209,51)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#b8db5d
```
#b8db5d rgb(184,219,93)
```
#c1df72
```
#c1df72 rgb(193,223,114)
```
#cae486
```
#cae486 rgb(202,228,134)
```

Monochromatic Color

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

#d3d648
```
#d3d648 rgb(211,214,72)
```
#c7d648
```
#c7d648 rgb(199,214,72)
```
#bbd648
```
#bbd648 rgb(187,214,72)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#a3d648
```
#a3d648 rgb(163,214,72)
```
#97d648
```
#97d648 rgb(151,214,72)
```
#8cd648
```
#8cd648 rgb(140,214,72)
```

Similar Colors

Text with hexadecimal color #afd648

This text has a font color of #afd648.

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

#afd648 background color

This paragraph has a background color of #afd648.

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

#afd648 border color

This element has a border color of #afd648.

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

CSS codes

.text {color:#afd648;}

.background {background-color:#afd648;}

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

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, #070902 is the darkest color, while #fcfdf8 is the lightest one.

#070902
```
#070902 rgb(7,9,2)
```
#141906
```
#141906 rgb(20,25,6)
```
#212909
```
#212909 rgb(33,41,9)
```
#2d390d
```
#2d390d rgb(45,57,13)
```
#3a4910
```
#3a4910 rgb(58,73,16)
```
#465914
```
#465914 rgb(70,89,20)
```
#536918
```
#536918 rgb(83,105,24)
```
#60791b
```
#60791b rgb(96,121,27)
```
#6c8a1f
```
#6c8a1f rgb(108,138,31)
```
#799a22
```
#799a22 rgb(121,154,34)
```
#85aa26
```
#85aa26 rgb(133,170,38)
```
#92ba2a
```
#92ba2a rgb(146,186,42)
```
#9fca2d
```
#9fca2d rgb(159,202,45)
```

Shade Color Variation

#a8d238
```
#a8d238 rgb(168,210,56)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#b6da58
```
#b6da58 rgb(182,218,88)
```
#bddd68
```
#bddd68 rgb(189,221,104)
```
#c4e178
```
#c4e178 rgb(196,225,120)
```
#cbe488
```
#cbe488 rgb(203,228,136)
```
#d2e898
```
#d2e898 rgb(210,232,152)
```
#d9eca8
```
#d9eca8 rgb(217,236,168)
```
#e0efb8
```
#e0efb8 rgb(224,239,184)
```
#e7f3c8
```
#e7f3c8 rgb(231,243,200)
```
#eef6d8
```
#eef6d8 rgb(238,246,216)
```
#f5fae8
```
#f5fae8 rgb(245,250,232)
```
#fcfdf8
```
#fcfdf8 rgb(252,253,248)
```

Tint Color Variation

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

#90918d
```
#90918d rgb(144,145,141)
```
#949a84
```
#949a84 rgb(148,154,132)
```
#98a27c
```
#98a27c rgb(152,162,124)
```
#9cab73
```
#9cab73 rgb(156,171,115)
```
#9fb46a
```
#9fb46a rgb(159,180,106)
```
#a3bc62
```
#a3bc62 rgb(163,188,98)
```
#a7c559
```
#a7c559 rgb(167,197,89)
```
#abcd51
```
#abcd51 rgb(171,205,81)
```
#afd648
```
#afd648 rgb(175,214,72)
```
#b3df3f
```
#b3df3f rgb(179,223,63)
```
#b7e737
```
#b7e737 rgb(183,231,55)
```
#bbf02e
```
#bbf02e rgb(187,240,46)
```
#bff826
```
#bff826 rgb(191,248,38)
```

Tone Color Variation

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

Dichromacy

#e1cb4d Protanopia 1% of men
#f9c15a Deuteranopia 1% of men
#c4cad9 Tritanopia 0.001% of the population

Trichromacy

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

#afd648 hex color

#afd648 Color Information

#afd648 Color Conversion

Color Schemes with #afd648

Alternatives to #afd648

#afd648 Preview

Shades and Tints of #afd648

Tones of #afd648

Color Blindness Simulator