#afc31e hex color

In a RGB color space, hex #afc31e is composed of 68.6% red, 76.5% green and 11.8% blue. Whereas in a CMYK color space, it is composed of 10.3% cyan, 0% magenta, 84.6% yellow and 23.5% black. It has a hue angle of 67.3 degrees, a saturation of 73.3% and a lightness of 44.1%. #afc31e color hex could be obtained by blending #ffff3c with #5f8700. Closest websafe color is: #99cc33.

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

● #afc31e color description : Strong yellow.

The hexadecimal color #afc31e has RGB values of R:175, G:195, B:30 and CMYK values of C:0.1, M:0, Y:0.85, K:0.24. Its decimal value is 11518750.

Hex triplet	afc31e	`#afc31e`
RGB Decimal	175, 195, 30	`rgb(175,195,30)`
RGB Percent	68.6, 76.5, 11.8	`rgb(68.6%,76.5%,11.8%)`
CMYK	10, 0, 85, 24
HSL	67.3°, 73.3, 44.1	`hsl(67.3,73.3%,44.1%)`
HSV (or HSB)	67.3°, 84.6, 76.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	74.975, -25.646, 71.151
XYZ	37.428, 48.238, 8.567
xyY	0.397, 0.512, 48.238
CIE-LCH	74.975, 75.632, 109.822
CIE-LUV	74.975, -7.343, 81.4
Hunter-Lab	69.454, -25.35, 41.304
Binary	10101111, 11000011, 00011110

#afc31e
```
#afc31e rgb(175,195,30)
```
#321ec3
```
#321ec3 rgb(50,30,195)
```

Complementary Color

#c3851e
```
#c3851e rgb(195,133,30)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#5dc31e
```
#5dc31e rgb(93,195,30)
```

Analogous Color

#851ec3
```
#851ec3 rgb(133,30,195)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#1e5dc3
```
#1e5dc3 rgb(30,93,195)
```

Split Complementary Color

#c31eaf
```
#c31eaf rgb(195,30,175)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#1eafc3
```
#1eafc3 rgb(30,175,195)
```

Triadic Color

#c3321e
```
#c3321e rgb(195,50,30)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#1eafc3
```
#1eafc3 rgb(30,175,195)
```
#321ec3
```
#321ec3 rgb(50,30,195)
```

Tetradic Color

#748114
```
#748114 rgb(116,129,20)
```
#879717
```
#879717 rgb(135,151,23)
```
#9bad1b
```
#9bad1b rgb(155,173,27)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#c3d921
```
#c3d921 rgb(195,217,33)
```
#cbe034
```
#cbe034 rgb(203,224,52)
```
#d1e34a
```
#d1e34a rgb(209,227,74)
```

Monochromatic Color

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

#c3ae1e
```
#c3ae1e rgb(195,174,30)
```
#c3bc1e
```
#c3bc1e rgb(195,188,30)
```
#bdc31e
```
#bdc31e rgb(189,195,30)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#a1c31e
```
#a1c31e rgb(161,195,30)
```
#94c31e
```
#94c31e rgb(148,195,30)
```
#86c31e
```
#86c31e rgb(134,195,30)
```

Similar Colors

Text with hexadecimal color #afc31e

This text has a font color of #afc31e.

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

#afc31e background color

This paragraph has a background color of #afc31e.

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

#afc31e border color

This element has a border color of #afc31e.

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

CSS codes

.text {color:#afc31e;}

.background {background-color:#afc31e;}

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

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

#070801
```
#070801 rgb(7,8,1)
```
#161904
```
#161904 rgb(22,25,4)
```
#262a06
```
#262a06 rgb(38,42,6)
```
#353b09
```
#353b09 rgb(53,59,9)
```
#444c0c
```
#444c0c rgb(68,76,12)
```
#535d0e
```
#535d0e rgb(83,93,14)
```
#636e11
```
#636e11 rgb(99,110,17)
```
#727f14
```
#727f14 rgb(114,127,20)
```
#819016
```
#819016 rgb(129,144,22)
```
#90a119
```
#90a119 rgb(144,161,25)
```
#a0b21b
```
#a0b21b rgb(160,178,27)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#bed421
```
#bed421 rgb(190,212,33)
```

Shade Color Variation

#c8de2a
```
#c8de2a rgb(200,222,42)
```
#cde13b
```
#cde13b rgb(205,225,59)
```
#d1e34c
```
#d1e34c rgb(209,227,76)
```
#d5e65d
```
#d5e65d rgb(213,230,93)
```
#dae96e
```
#dae96e rgb(218,233,110)
```
#deeb7f
```
#deeb7f rgb(222,235,127)
```
#e3ee90
```
#e3ee90 rgb(227,238,144)
```
#e7f1a1
```
#e7f1a1 rgb(231,241,161)
```
#ebf3b2
```
#ebf3b2 rgb(235,243,178)
```
#f0f6c3
```
#f0f6c3 rgb(240,246,195)
```
#f4f8d4
```
#f4f8d4 rgb(244,248,212)
```
#f8fbe5
```
#f8fbe5 rgb(248,251,229)
```
#fdfef6
```
#fdfef6 rgb(253,254,246)
```

Tint Color Variation

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

#74756c
```
#74756c rgb(116,117,108)
```
#7b7e63
```
#7b7e63 rgb(123,126,99)
```
#81865b
```
#81865b rgb(129,134,91)
```
#888f52
```
#888f52 rgb(136,143,82)
```
#8e9849
```
#8e9849 rgb(142,152,73)
```
#95a041
```
#95a041 rgb(149,160,65)
```
#9ba938
```
#9ba938 rgb(155,169,56)
```
#a2b22f
```
#a2b22f rgb(162,178,47)
```
#a8ba27
```
#a8ba27 rgb(168,186,39)
```
#afc31e
```
#afc31e rgb(175,195,30)
```
#b6cc15
```
#b6cc15 rgb(182,204,21)
```
#bcd40d
```
#bcd40d rgb(188,212,13)
```
#c3dd04
```
#c3dd04 rgb(195,221,4)
```

Tone Color Variation

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

#aaaaaa Achromatopsia 0.005% of the population
#abaf8e Atypical Achromatopsia 0.001% of the population

Dichromacy

#d2bc27 Protanopia 1% of men
#eab336 Deuteranopia 1% of men
#c2b9c6 Tritanopia 0.001% of the population

Trichromacy

#c5be23 Protanomaly 1% of men, 0.01% of women
#d4b92d Deuteranomaly 6% of men, 0.4% of women
#bbbc89 Tritanomaly 0.01% of the population

#afc31e hex color

#afc31e Color Information

#afc31e Color Conversion

Color Schemes with #afc31e

Alternatives to #afc31e

#afc31e Preview

Shades and Tints of #afc31e

Tones of #afc31e

Color Blindness Simulator