#afc63e hex color

In a RGB color space, hex #afc63e is composed of 68.6% red, 77.6% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 11.6% cyan, 0% magenta, 68.7% yellow and 22.4% black. It has a hue angle of 70.1 degrees, a saturation of 54.4% and a lightness of 51%. #afc63e color hex could be obtained by blending #ffff7c with #5f8d00. Closest websafe color is: #99cc33.

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

● #afc63e color description : Moderate yellow.

The hexadecimal color #afc63e has RGB values of R:175, G:198, B:62 and CMYK values of C:0.12, M:0, Y:0.69, K:0.22. Its decimal value is 11519550.

Hex triplet	afc63e	`#afc63e`
RGB Decimal	175, 198, 62	`rgb(175,198,62)`
RGB Percent	68.6, 77.6, 24.3	`rgb(68.6%,77.6%,24.3%)`
CMYK	12, 0, 69, 22
HSL	70.1°, 54.4, 51	`hsl(70.1,54.4%,51%)`
HSV (or HSB)	70.1°, 68.7, 77.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	75.977, -25.727, 62.325
XYZ	38.742, 49.85, 12.138
xyY	0.385, 0.495, 49.85
CIE-LCH	75.977, 67.426, 112.43
CIE-LUV	75.977, -9.402, 75.92
Hunter-Lab	70.604, -25.61, 39.23
Binary	10101111, 11000110, 00111110

#afc63e
```
#afc63e rgb(175,198,62)
```
#553ec6
```
#553ec6 rgb(85,62,198)
```

Complementary Color

#c6993e
```
#c6993e rgb(198,153,62)
```
#afc63e
```
#afc63e rgb(175,198,62)
```
#6bc63e
```
#6bc63e rgb(107,198,62)
```

Analogous Color

#993ec6
```
#993ec6 rgb(153,62,198)
```
#afc63e
```
#afc63e rgb(175,198,62)
```
#3e6bc6
```
#3e6bc6 rgb(62,107,198)
```

Split Complementary Color

#c63eaf
```
#c63eaf rgb(198,62,175)
```
#afc63e
```
#afc63e rgb(175,198,62)
```
#3eafc6
```
#3eafc6 rgb(62,175,198)
```

Triadic Color

#c6553e
```
#c6553e rgb(198,85,62)
```
#afc63e
```
#afc63e rgb(175,198,62)
```
#3eafc6
```
#3eafc6 rgb(62,175,198)
```
#553ec6
```
#553ec6 rgb(85,62,198)
```

Tetradic Color

#7d8e2a
```
#7d8e2a rgb(125,142,42)
```
#8ea130
```
#8ea130 rgb(142,161,48)
```
#9fb535
```
#9fb535 rgb(159,181,53)
```
#afc63e
```
#afc63e rgb(175,198,62)
```
#b7cc52
```
#b7cc52 rgb(183,204,82)
```
#bfd265
```
#bfd265 rgb(191,210,101)
```
#c7d779
```
#c7d779 rgb(199,215,121)
```

Monochromatic Color

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

#c6bb3e
```
#c6bb3e rgb(198,187,62)
```
#c6c63e
```
#c6c63e rgb(198,198,62)
```
#bac63e
```
#bac63e rgb(186,198,62)
```
#afc63e
```
#afc63e rgb(175,198,62)
```
#a4c63e
```
#a4c63e rgb(164,198,62)
```
#98c63e
```
#98c63e rgb(152,198,62)
```
#8dc63e
```
#8dc63e rgb(141,198,62)
```

Similar Colors

Text with hexadecimal color #afc63e

This text has a font color of #afc63e.

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

#afc63e background color

This paragraph has a background color of #afc63e.

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

#afc63e border color

This element has a border color of #afc63e.

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

CSS codes

.text {color:#afc63e;}

.background {background-color:#afc63e;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#111306
```
#111306 rgb(17,19,6)
```
#1e220a
```
#1e220a rgb(30,34,10)
```
#2b310f
```
#2b310f rgb(43,49,15)
```
#394013
```
#394013 rgb(57,64,19)
```
#465018
```
#465018 rgb(70,80,24)
```
#535f1c
```
#535f1c rgb(83,95,28)
```
#616e20
```
#616e20 rgb(97,110,32)
```
#6e7d25
```
#6e7d25 rgb(110,125,37)
```
#7b8c29
```
#7b8c29 rgb(123,140,41)
```
#899b2e
```
#899b2e rgb(137,155,46)
```
#96aa32
```
#96aa32 rgb(150,170,50)
```
#a3ba37
```
#a3ba37 rgb(163,186,55)
```

Shade Color Variation

#afc63e
```
#afc63e rgb(175,198,62)
```
#b5ca4d
```
#b5ca4d rgb(181,202,77)
```
#bccf5c
```
#bccf5c rgb(188,207,92)
```
#c2d36b
```
#c2d36b rgb(194,211,107)
```
#c8d87b
```
#c8d87b rgb(200,216,123)
```
#cedc8a
```
#cedc8a rgb(206,220,138)
```
#d5e199
```
#d5e199 rgb(213,225,153)
```
#dbe5a8
```
#dbe5a8 rgb(219,229,168)
```
#e1eab7
```
#e1eab7 rgb(225,234,183)
```
#e7eec6
```
#e7eec6 rgb(231,238,198)
```
#eef3d5
```
#eef3d5 rgb(238,243,213)
```
#f4f7e5
```
#f4f7e5 rgb(244,247,229)
```
#fafcf4
```
#fafcf4 rgb(250,252,244)
```

Tint Color Variation

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

#828381
```
#828381 rgb(130,131,129)
```
#898c78
```
#898c78 rgb(137,140,120)
```
#8f966e
```
#8f966e rgb(143,150,110)
```
#96a064
```
#96a064 rgb(150,160,100)
```
#9ca95b
```
#9ca95b rgb(156,169,91)
```
#a2b351
```
#a2b351 rgb(162,179,81)
```
#a9bc48
```
#a9bc48 rgb(169,188,72)
```
#afc63e
```
#afc63e rgb(175,198,62)
```
#b5d034
```
#b5d034 rgb(181,208,52)
```
#bcd92b
```
#bcd92b rgb(188,217,43)
```
#c2e321
```
#c2e321 rgb(194,227,33)
```
#c8ec18
```
#c8ec18 rgb(200,236,24)
```
#cff60e
```
#cff60e rgb(207,246,14)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b0b499 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bf45 Protanopia 1% of men
#ebb650 Deuteranopia 1% of men
#c2bcc9 Tritanopia 0.001% of the population

Trichromacy

#c6c142 Protanomaly 1% of men, 0.01% of women
#d5bb49 Deuteranomaly 6% of men, 0.4% of women
#bbbf97 Tritanomaly 0.01% of the population

#afc63e hex color

#afc63e Color Information

#afc63e Color Conversion

Color Schemes with #afc63e

Alternatives to #afc63e

#afc63e Preview

Shades and Tints of #afc63e

Tones of #afc63e

Color Blindness Simulator