#afc525 hex color

In a RGB color space, hex #afc525 is composed of 68.6% red, 77.3% green and 14.5% blue. Whereas in a CMYK color space, it is composed of 11.2% cyan, 0% magenta, 81.2% yellow and 22.7% black. It has a hue angle of 68.3 degrees, a saturation of 68.4% and a lightness of 45.9%. #afc525 color hex could be obtained by blending #ffff4a with #5f8b00. Closest websafe color is: #99cc33.

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

● #afc525 color description : Strong yellow.

The hexadecimal color #afc525 has RGB values of R:175, G:197, B:37 and CMYK values of C:0.11, M:0, Y:0.81, K:0.23. Its decimal value is 11519269.

Hex triplet	afc525	`#afc525`
RGB Decimal	175, 197, 37	`rgb(175,197,37)`
RGB Percent	68.6, 77.3, 14.5	`rgb(68.6%,77.3%,14.5%)`
CMYK	11, 0, 81, 23
HSL	68.3°, 68.4, 45.9	`hsl(68.3,68.4%,45.9%)`
HSV (or HSB)	68.3°, 81.2, 77.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	75.563, -26.394, 69.972
XYZ	37.979, 49.18, 9.242
xyY	0.394, 0.51, 49.18
CIE-LCH	75.563, 74.784, 110.667
CIE-LUV	75.563, -8.594, 81.133
Hunter-Lab	70.129, -26.055, 41.276
Binary	10101111, 11000101, 00100101

#afc525
```
#afc525 rgb(175,197,37)
```
#3b25c5
```
#3b25c5 rgb(59,37,197)
```

Complementary Color

#c58b25
```
#c58b25 rgb(197,139,37)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#5fc525
```
#5fc525 rgb(95,197,37)
```

Analogous Color

#8b25c5
```
#8b25c5 rgb(139,37,197)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#255fc5
```
#255fc5 rgb(37,95,197)
```

Split Complementary Color

#c525af
```
#c525af rgb(197,37,175)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#25afc5
```
#25afc5 rgb(37,175,197)
```

Triadic Color

#c53b25
```
#c53b25 rgb(197,59,37)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#25afc5
```
#25afc5 rgb(37,175,197)
```
#3b25c5
```
#3b25c5 rgb(59,37,197)
```

Tetradic Color

#768519
```
#768519 rgb(118,133,25)
```
#899a1d
```
#899a1d rgb(137,154,29)
```
#9cb021
```
#9cb021 rgb(156,176,33)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#c0d72c
```
#c0d72c rgb(192,215,44)
```
#c6db42
```
#c6db42 rgb(198,219,66)
```
#cddf57
```
#cddf57 rgb(205,223,87)
```

Monochromatic Color

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

#c5b325
```
#c5b325 rgb(197,179,37)
```
#c5c025
```
#c5c025 rgb(197,192,37)
```
#bcc525
```
#bcc525 rgb(188,197,37)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#a2c525
```
#a2c525 rgb(162,197,37)
```
#94c525
```
#94c525 rgb(148,197,37)
```
#87c525
```
#87c525 rgb(135,197,37)
```

Similar Colors

Text with hexadecimal color #afc525

This text has a font color of #afc525.

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

#afc525 background color

This paragraph has a background color of #afc525.

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

#afc525 border color

This element has a border color of #afc525.

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

CSS codes

.text {color:#afc525;}

.background {background-color:#afc525;}

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

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, #0e0f03 is the darkest color, while #fffffe is the lightest one.

#0e0f03
```
#0e0f03 rgb(14,15,3)
```
#1c2006
```
#1c2006 rgb(28,32,6)
```
#2b3009
```
#2b3009 rgb(43,48,9)
```
#3a410c
```
#3a410c rgb(58,65,12)
```
#48510f
```
#48510f rgb(72,81,15)
```
#576212
```
#576212 rgb(87,98,18)
```
#667215
```
#667215 rgb(102,114,21)
```
#748319
```
#748319 rgb(116,131,25)
```
#83931c
```
#83931c rgb(131,147,28)
```
#92a41f
```
#92a41f rgb(146,164,31)
```
#a0b422
```
#a0b422 rgb(160,180,34)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#bed628
```
#bed628 rgb(190,214,40)
```

Shade Color Variation

#c3da38
```
#c3da38 rgb(195,218,56)
```
#c8dd48
```
#c8dd48 rgb(200,221,72)
```
#cde059
```
#cde059 rgb(205,224,89)
```
#d2e369
```
#d2e369 rgb(210,227,105)
```
#d7e67a
```
#d7e67a rgb(215,230,122)
```
#dce98a
```
#dce98a rgb(220,233,138)
```
#e1ec9b
```
#e1ec9b rgb(225,236,155)
```
#e6efab
```
#e6efab rgb(230,239,171)
```
#ebf2bc
```
#ebf2bc rgb(235,242,188)
```
#f0f5cc
```
#f0f5cc rgb(240,245,204)
```
#f5f9dd
```
#f5f9dd rgb(245,249,221)
```
#fafced
```
#fafced rgb(250,252,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7b7d6d
```
#7b7d6d rgb(123,125,109)
```
#818664
```
#818664 rgb(129,134,100)
```
#888f5b
```
#888f5b rgb(136,143,91)
```
#8e9852
```
#8e9852 rgb(142,152,82)
```
#95a149
```
#95a149 rgb(149,161,73)
```
#9baa40
```
#9baa40 rgb(155,170,64)
```
#a2b337
```
#a2b337 rgb(162,179,55)
```
#a8bc2e
```
#a8bc2e rgb(168,188,46)
```
#afc525
```
#afc525 rgb(175,197,37)
```
#b6ce1c
```
#b6ce1c rgb(182,206,28)
```
#bcd713
```
#bcd713 rgb(188,215,19)
```
#c3e00a
```
#c3e00a rgb(195,224,10)
```
#c9e901
```
#c9e901 rgb(201,233,1)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#adb191 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4be2d Protanopia 1% of men
#ebb43c Deuteranopia 1% of men
#c2bbc8 Tritanopia 0.001% of the population

Trichromacy

#c6c02a Protanomaly 1% of men, 0.01% of women
#d5ba33 Deuteranomaly 6% of men, 0.4% of women
#bbbe8c Tritanomaly 0.01% of the population

#afc525 hex color

#afc525 Color Information

#afc525 Color Conversion

Color Schemes with #afc525

Alternatives to #afc525

#afc525 Preview

Shades and Tints of #afc525

Tones of #afc525

Color Blindness Simulator