colorhexa.com

#afd244 hex color

In a RGB color space, hex #afd244 is composed of 68.6% red, 82.4% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 16.7% cyan, 0% magenta, 67.6% yellow and 17.6% black. It has a hue angle of 74.8 degrees, a saturation of 61.2% and a lightness of 54.5%. #afd244 color hex could be obtained by blending #ffff88 with #5fa500. Closest websafe color is: #99cc33.

- R 69
- G 82
- B 27
RGB color chart
- C 17
- M 0
- Y 68
- K 18
CMYK color chart

● #afd244 color description : Moderate yellow.

The hexadecimal color #afd244 has RGB values of R:175, G:210, B:68 and CMYK values of C:0.17, M:0, Y:0.68, K:0.18. Its decimal value is 11522628.

Hex triplet	afd244	`#afd244`
RGB Decimal	175, 210, 68	`rgb(175,210,68)`
RGB Percent	68.6, 82.4, 26.7	`rgb(68.6%,82.4%,26.7%)`
CMYK	17, 0, 68, 18
HSL	74.8°, 61.2, 54.5	`hsl(74.8,61.2%,54.5%)`
HSV (or HSB)	74.8°, 67.6, 82.4
Web Safe	99cc33	`#99cc33`

CIE-LAB	79.399, -31.067, 63.525
XYZ	41.769, 55.624, 14.005
xyY	0.375, 0.499, 55.624
CIE-LCH	79.399, 70.715, 116.061
CIE-LUV	79.399, -16.381, 79.389
Hunter-Lab	74.582, -30.551, 41.074
Binary	10101111, 11010010, 01000100

#afd244
```
#afd244 rgb(175,210,68)
```
#6744d2
```
#6744d2 rgb(103,68,210)
```

Complementary Color

#d2ae44
```
#d2ae44 rgb(210,174,68)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#68d244
```
#68d244 rgb(104,210,68)
```

Analogous Color

#ae44d2
```
#ae44d2 rgb(174,68,210)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#4468d2
```
#4468d2 rgb(68,104,210)
```

Split Complementary Color

#d244af
```
#d244af rgb(210,68,175)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#44afd2
```
#44afd2 rgb(68,175,210)
```

Triadic Color

#d26744
```
#d26744 rgb(210,103,68)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#44afd2
```
#44afd2 rgb(68,175,210)
```
#6744d2
```
#6744d2 rgb(103,68,210)
```

Tetradic Color

#84a227
```
#84a227 rgb(132,162,39)
```
#95b72c
```
#95b72c rgb(149,183,44)
```
#a5cc31
```
#a5cc31 rgb(165,204,49)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#b8d759
```
#b8d759 rgb(184,215,89)
```
#c1dc6d
```
#c1dc6d rgb(193,220,109)
```
#c9e182
```
#c9e182 rgb(201,225,130)
```

Monochromatic Color

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

#d2d244
```
#d2d244 rgb(210,210,68)
```
#c7d244
```
#c7d244 rgb(199,210,68)
```
#bbd244
```
#bbd244 rgb(187,210,68)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#a3d244
```
#a3d244 rgb(163,210,68)
```
#97d244
```
#97d244 rgb(151,210,68)
```
#8cd244
```
#8cd244 rgb(140,210,68)
```

Similar Colors

Text with hexadecimal color #afd244

This text has a font color of #afd244.

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

#afd244 background color

This paragraph has a background color of #afd244.

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

#afd244 border color

This element has a border color of #afd244.

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

CSS codes

.text {color:#afd244;}

.background {background-color:#afd244;}

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

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

#020301
```
#020301 rgb(2,3,1)
```
#0f1304
```
#0f1304 rgb(15,19,4)
```
#1c2208
```
#1c2208 rgb(28,34,8)
```
#29320c
```
#29320c rgb(41,50,12)
```
#364210
```
#364210 rgb(54,66,16)
```
#425214
```
#425214 rgb(66,82,20)
```
#4f6217
```
#4f6217 rgb(79,98,23)
```
#5c711b
```
#5c711b rgb(92,113,27)
```
#69811f
```
#69811f rgb(105,129,31)
```
#769123
```
#769123 rgb(118,145,35)
```
#83a127
```
#83a127 rgb(131,161,39)
```
#90b12b
```
#90b12b rgb(144,177,43)
```
#9cc02e
```
#9cc02e rgb(156,192,46)
```

Shade Color Variation

#a8ce34
```
#a8ce34 rgb(168,206,52)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#b6d654
```
#b6d654 rgb(182,214,84)
```
#bdda64
```
#bdda64 rgb(189,218,100)
```
#c3dd73
```
#c3dd73 rgb(195,221,115)
```
#cae183
```
#cae183 rgb(202,225,131)
```
#d1e593
```
#d1e593 rgb(209,229,147)
```
#d8e9a3
```
#d8e9a3 rgb(216,233,163)
```
#deedb3
```
#deedb3 rgb(222,237,179)
```
#e5f0c2
```
#e5f0c2 rgb(229,240,194)
```
#ecf4d2
```
#ecf4d2 rgb(236,244,210)
```
#f3f8e2
```
#f3f8e2 rgb(243,248,226)
```
#f9fcf2
```
#f9fcf2 rgb(249,252,242)
```

Tint Color Variation

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

#8f9482
```
#8f9482 rgb(143,148,130)
```
#949c7a
```
#949c7a rgb(148,156,122)
```
#98a571
```
#98a571 rgb(152,165,113)
```
#9dae68
```
#9dae68 rgb(157,174,104)
```
#a1b75f
```
#a1b75f rgb(161,183,95)
```
#a6c056
```
#a6c056 rgb(166,192,86)
```
#aac94d
```
#aac94d rgb(170,201,77)
```
#afd244
```
#afd244 rgb(175,210,68)
```
#b4db3b
```
#b4db3b rgb(180,219,59)
```
#b8e432
```
#b8e432 rgb(184,228,50)
```
#bded29
```
#bded29 rgb(189,237,41)
```
#c1f620
```
#c1f620 rgb(193,246,32)
```
#c6ff17
```
#c6ff17 rgb(198,255,23)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#b5bca0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec84a Protanopia 1% of men
#f6be57 Deuteranopia 1% of men
#c4c7d5 Tritanopia 0.001% of the population

Trichromacy

#cdcb48 Protanomaly 1% of men, 0.01% of women
#dcc550 Deuteranomaly 6% of men, 0.4% of women
#bccba0 Tritanomaly 0.01% of the population