#afc344 hex color

In a RGB color space, hex #afc344 is composed of 68.6% red, 76.5% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 65.1% yellow and 23.5% black. It has a hue angle of 69.4 degrees, a saturation of 51.4% and a lightness of 51.6%. #afc344 color hex could be obtained by blending #ffff88 with #5f8700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 76
- B 27
RGB color chart
- C 10
- M 0
- Y 65
- K 24
CMYK color chart

● #afc344 color description : Moderate yellow.

The hexadecimal color #afc344 has RGB values of R:175, G:195, B:68 and CMYK values of C:0.1, M:0, Y:0.65, K:0.24. Its decimal value is 11518788.

Hex triplet	afc344	`#afc344`
RGB Decimal	175, 195, 68	`rgb(175,195,68)`
RGB Percent	68.6, 76.5, 26.7	`rgb(68.6%,76.5%,26.7%)`
CMYK	10, 0, 65, 24
HSL	69.4°, 51.4, 51.6	`hsl(69.4,51.4%,51.6%)`
HSV (or HSB)	69.4°, 65.1, 76.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	75.178, -23.9, 59.158
XYZ	38.237, 48.562, 12.827
xyY	0.384, 0.487, 48.562
CIE-LCH	75.178, 63.804, 111.999
CIE-LUV	75.178, -7.696, 72.801
Hunter-Lab	69.686, -24.006, 37.866
Binary	10101111, 11000011, 01000100

#afc344
```
#afc344 rgb(175,195,68)
```
#5844c3
```
#5844c3 rgb(88,68,195)
```

Complementary Color

#c39844
```
#c39844 rgb(195,152,68)
```
#afc344
```
#afc344 rgb(175,195,68)
```
#70c344
```
#70c344 rgb(112,195,68)
```

Analogous Color

#9844c3
```
#9844c3 rgb(152,68,195)
```
#afc344
```
#afc344 rgb(175,195,68)
```
#4470c3
```
#4470c3 rgb(68,112,195)
```

Split Complementary Color

#c344af
```
#c344af rgb(195,68,175)
```
#afc344
```
#afc344 rgb(175,195,68)
```
#44afc3
```
#44afc3 rgb(68,175,195)
```

Triadic Color

#c35844
```
#c35844 rgb(195,88,68)
```
#afc344
```
#afc344 rgb(175,195,68)
```
#44afc3
```
#44afc3 rgb(68,175,195)
```
#5844c3
```
#5844c3 rgb(88,68,195)
```

Tetradic Color

#7e8d2d
```
#7e8d2d rgb(126,141,45)
```
#8fa133
```
#8fa133 rgb(143,161,51)
```
#a1b43a
```
#a1b43a rgb(161,180,58)
```
#afc344
```
#afc344 rgb(175,195,68)
```
#b7c957
```
#b7c957 rgb(183,201,87)
```
#c0cf6b
```
#c0cf6b rgb(192,207,107)
```
#c8d67e
```
#c8d67e rgb(200,214,126)
```

Monochromatic Color

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

#c3b744
```
#c3b744 rgb(195,183,68)
```
#c3c244
```
#c3c244 rgb(195,194,68)
```
#bac344
```
#bac344 rgb(186,195,68)
```
#afc344
```
#afc344 rgb(175,195,68)
```
#a4c344
```
#a4c344 rgb(164,195,68)
```
#9ac344
```
#9ac344 rgb(154,195,68)
```
#8fc344
```
#8fc344 rgb(143,195,68)
```

Similar Colors

Text with hexadecimal color #afc344

This text has a font color of #afc344.

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

#afc344 background color

This paragraph has a background color of #afc344.

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

#afc344 border color

This element has a border color of #afc344.

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

CSS codes

.text {color:#afc344;}

.background {background-color:#afc344;}

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

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

#050602
```
#050602 rgb(5,6,2)
```
#131507
```
#131507 rgb(19,21,7)
```
#20240b
```
#20240b rgb(32,36,11)
```
#2d3310
```
#2d3310 rgb(45,51,16)
```
#3a4115
```
#3a4115 rgb(58,65,21)
```
#48501a
```
#48501a rgb(72,80,26)
```
#555f1f
```
#555f1f rgb(85,95,31)
```
#626e23
```
#626e23 rgb(98,110,35)
```
#707d28
```
#707d28 rgb(112,125,40)
```
#7d8c2d
```
#7d8c2d rgb(125,140,45)
```
#8a9b32
```
#8a9b32 rgb(138,155,50)
```
#97a936
```
#97a936 rgb(151,169,54)
```
#a5b83b
```
#a5b83b rgb(165,184,59)
```

Shade Color Variation

#afc344
```
#afc344 rgb(175,195,68)
```
#b5c853
```
#b5c853 rgb(181,200,83)
```
#bccd62
```
#bccd62 rgb(188,205,98)
```
#c2d171
```
#c2d171 rgb(194,209,113)
```
#c8d67f
```
#c8d67f rgb(200,214,127)
```
#cfdb8e
```
#cfdb8e rgb(207,219,142)
```
#d5e09d
```
#d5e09d rgb(213,224,157)
```
#dbe4ac
```
#dbe4ac rgb(219,228,172)
```
#e2e9bb
```
#e2e9bb rgb(226,233,187)
```
#e8eeca
```
#e8eeca rgb(232,238,202)
```
#eff3d9
```
#eff3d9 rgb(239,243,217)
```
#f5f7e7
```
#f5f7e7 rgb(245,247,231)
```
#fbfcf6
```
#fbfcf6 rgb(251,252,246)
```

Tint Color Variation

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

#888a7d
```
#888a7d rgb(136,138,125)
```
#8e9474
```
#8e9474 rgb(142,148,116)
```
#959d6a
```
#959d6a rgb(149,157,106)
```
#9ba761
```
#9ba761 rgb(155,167,97)
```
#a2b057
```
#a2b057 rgb(162,176,87)
```
#a8ba4e
```
#a8ba4e rgb(168,186,78)
```
#afc344
```
#afc344 rgb(175,195,68)
```
#b6cd3b
```
#b6cd3b rgb(182,205,59)
```
#bcd631
```
#bcd631 rgb(188,214,49)
```
#c3e028
```
#c3e028 rgb(195,224,40)
```
#c9e91e
```
#c9e91e rgb(201,233,30)
```
#d0f315
```
#d0f315 rgb(208,243,21)
```
#d6fc0b
```
#d6fc0b rgb(214,252,11)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#afb39a Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1bd4b Protanopia 1% of men
#e8b455 Deuteranopia 1% of men
#c1bac7 Tritanopia 0.001% of the population

Trichromacy

#c5bf48 Protanomaly 1% of men, 0.01% of women
#d3b94e Deuteranomaly 6% of men, 0.4% of women
#babd97 Tritanomaly 0.01% of the population

#afc344 hex color

#afc344 Color Information

#afc344 Color Conversion

Color Schemes with #afc344

Alternatives to #afc344

#afc344 Preview

Shades and Tints of #afc344

Tones of #afc344

Color Blindness Simulator