#afc552 hex color

In a RGB color space, hex #afc552 is composed of 68.6% red, 77.3% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 58.4% yellow and 22.7% black. It has a hue angle of 71.5 degrees, a saturation of 49.8% and a lightness of 54.7%. #afc552 color hex could be obtained by blending #ffffa4 with #5f8b00. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 69
- G 77
- B 32
RGB color chart
- C 11
- M 0
- Y 58
- K 23
CMYK color chart

● #afc552 color description : Moderate yellow.

The hexadecimal color #afc552 has RGB values of R:175, G:197, B:82 and CMYK values of C:0.11, M:0, Y:0.58, K:0.23. Its decimal value is 11519314.

Hex triplet	afc552	`#afc552`
RGB Decimal	175, 197, 82	`rgb(175,197,82)`
RGB Percent	68.6, 77.3, 32.2	`rgb(68.6%,77.3%,32.2%)`
CMYK	11, 0, 58, 23
HSL	71.5°, 49.8, 54.7	`hsl(71.5,49.8%,54.7%)`
HSV (or HSB)	71.5°, 58.4, 77.3
Web Safe	99cc66	`#99cc66`

CIE-LAB	75.857, -23.859, 53.939
XYZ	39.168, 49.656, 15.503
xyY	0.375, 0.476, 49.656
CIE-LCH	75.857, 58.98, 113.861
CIE-LUV	75.857, -9.067, 68.8
Hunter-Lab	70.467, -24.1, 36.282
Binary	10101111, 11000101, 01010010

#afc552
```
#afc552 rgb(175,197,82)
```
#6852c5
```
#6852c5 rgb(104,82,197)
```

Complementary Color

#c5a252
```
#c5a252 rgb(197,162,82)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#76c552
```
#76c552 rgb(118,197,82)
```

Analogous Color

#a252c5
```
#a252c5 rgb(162,82,197)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#5276c5
```
#5276c5 rgb(82,118,197)
```

Split Complementary Color

#c552af
```
#c552af rgb(197,82,175)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#52afc5
```
#52afc5 rgb(82,175,197)
```

Triadic Color

#c56852
```
#c56852 rgb(197,104,82)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#52afc5
```
#52afc5 rgb(82,175,197)
```
#6852c5
```
#6852c5 rgb(104,82,197)
```

Tetradic Color

#849833
```
#849833 rgb(132,152,51)
```
#95ab39
```
#95ab39 rgb(149,171,57)
```
#a6be40
```
#a6be40 rgb(166,190,64)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#b8cb65
```
#b8cb65 rgb(184,203,101)
```
#c1d278
```
#c1d278 rgb(193,210,120)
```
#c9d88b
```
#c9d88b rgb(201,216,139)
```

Monochromatic Color

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

#c5be52
```
#c5be52 rgb(197,190,82)
```
#c2c552
```
#c2c552 rgb(194,197,82)
```
#b9c552
```
#b9c552 rgb(185,197,82)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#a5c552
```
#a5c552 rgb(165,197,82)
```
#9cc552
```
#9cc552 rgb(156,197,82)
```
#92c552
```
#92c552 rgb(146,197,82)
```

Similar Colors

Text with hexadecimal color #afc552

This text has a font color of #afc552.

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

#afc552 background color

This paragraph has a background color of #afc552.

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

#afc552 border color

This element has a border color of #afc552.

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

CSS codes

.text {color:#afc552;}

.background {background-color:#afc552;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#101206
```
#101206 rgb(16,18,6)
```
#1d210b
```
#1d210b rgb(29,33,11)
```
#292f10
```
#292f10 rgb(41,47,16)
```
#363e15
```
#363e15 rgb(54,62,21)
```
#434d1a
```
#434d1a rgb(67,77,26)
```
#505b1f
```
#505b1f rgb(80,91,31)
```
#5d6a24
```
#5d6a24 rgb(93,106,36)
```
#697929
```
#697929 rgb(105,121,41)
```
#76872d
```
#76872d rgb(118,135,45)
```
#839632
```
#839632 rgb(131,150,50)
```
#90a537
```
#90a537 rgb(144,165,55)
```
#9db43c
```
#9db43c rgb(157,180,60)
```

Shade Color Variation

#a8c043
```
#a8c043 rgb(168,192,67)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#b6ca61
```
#b6ca61 rgb(182,202,97)
```
#bdcf6f
```
#bdcf6f rgb(189,207,111)
```
#c3d47e
```
#c3d47e rgb(195,212,126)
```
#cad98d
```
#cad98d rgb(202,217,141)
```
#d1de9b
```
#d1de9b rgb(209,222,155)
```
#d8e3aa
```
#d8e3aa rgb(216,227,170)
```
#dfe7b9
```
#dfe7b9 rgb(223,231,185)
```
#e5ecc8
```
#e5ecc8 rgb(229,236,200)
```
#ecf1d6
```
#ecf1d6 rgb(236,241,214)
```
#f3f6e5
```
#f3f6e5 rgb(243,246,229)
```
#fafbf4
```
#fafbf4 rgb(250,251,244)
```

Tint Color Variation

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

#8e9087
```
#8e9087 rgb(142,144,135)
```
#94997e
```
#94997e rgb(148,153,126)
```
#99a176
```
#99a176 rgb(153,161,118)
```
#9faa6d
```
#9faa6d rgb(159,170,109)
```
#a4b364
```
#a4b364 rgb(164,179,100)
```
#aabc5b
```
#aabc5b rgb(170,188,91)
```
#afc552
```
#afc552 rgb(175,197,82)
```
#b4ce49
```
#b4ce49 rgb(180,206,73)
```
#bad740
```
#bad740 rgb(186,215,64)
```
#bfe037
```
#bfe037 rgb(191,224,55)
```
#c5e92e
```
#c5e92e rgb(197,233,46)
```
#caf126
```
#caf126 rgb(202,241,38)
```
#d0fa1d
```
#d0fa1d rgb(208,250,29)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b1b59e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2be58 Protanopia 1% of men
#e8b661 Deuteranopia 1% of men
#c1bcc9 Tritanopia 0.001% of the population

Trichromacy

#c5c155 Protanomaly 1% of men, 0.01% of women
#d3bb5b Deuteranomaly 6% of men, 0.4% of women
#babf9e Tritanomaly 0.01% of the population

#afc552 hex color

#afc552 Color Information

#afc552 Color Conversion

Color Schemes with #afc552

Alternatives to #afc552

#afc552 Preview

Shades and Tints of #afc552

Tones of #afc552

Color Blindness Simulator