#afa63e hex color

In a RGB color space, hex #afa63e is composed of 68.6% red, 65.1% green and 24.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5.1% magenta, 64.6% yellow and 31.4% black. It has a hue angle of 55.2 degrees, a saturation of 47.7% and a lightness of 46.5%. #afa63e color hex could be obtained by blending #ffff7c with #5f4d00. Closest websafe color is: #999933.

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

● #afa63e color description : Dark moderate yellow.

The hexadecimal color #afa63e has RGB values of R:175, G:166, B:62 and CMYK values of C:0, M:0.05, Y:0.65, K:0.31. Its decimal value is 11511358.

Hex triplet	afa63e	`#afa63e`
RGB Decimal	175, 166, 62	`rgb(175,166,62)`
RGB Percent	68.6, 65.1, 24.3	`rgb(68.6%,65.1%,24.3%)`
CMYK	0, 5, 65, 31
HSL	55.2°, 47.7, 46.5	`hsl(55.2,47.7%,46.5%)`
HSV (or HSB)	55.2°, 64.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	67.078, -9.589, 53.146
XYZ	32.185, 36.735, 9.952
xyY	0.408, 0.466, 36.735
CIE-LCH	67.078, 54.004, 100.228
CIE-LUV	67.078, 10.598, 61.864
Hunter-Lab	60.609, -11.279, 32.691
Binary	10101111, 10100110, 00111110

#afa63e
```
#afa63e rgb(175,166,62)
```
#3e47af
```
#3e47af rgb(62,71,175)
```

Complementary Color

#af6e3e
```
#af6e3e rgb(175,110,62)
```
#afa63e
```
#afa63e rgb(175,166,62)
```
#80af3e
```
#80af3e rgb(128,175,62)
```

Analogous Color

#6e3eaf
```
#6e3eaf rgb(110,62,175)
```
#afa63e
```
#afa63e rgb(175,166,62)
```
#3e80af
```
#3e80af rgb(62,128,175)
```

Split Complementary Color

#a63eaf
```
#a63eaf rgb(166,62,175)
```
#afa63e
```
#afa63e rgb(175,166,62)
```
#3eafa6
```
#3eafa6 rgb(62,175,166)
```

Triadic Color

#af3e47
```
#af3e47 rgb(175,62,71)
```
#afa63e
```
#afa63e rgb(175,166,62)
```
#3eafa6
```
#3eafa6 rgb(62,175,166)
```
#3e47af
```
#3e47af rgb(62,71,175)
```

Tetradic Color

#77702a
```
#77702a rgb(119,112,42)
```
#898231
```
#898231 rgb(137,130,49)
```
#9c9437
```
#9c9437 rgb(156,148,55)
```
#afa63e
```
#afa63e rgb(175,166,62)
```
#beb548
```
#beb548 rgb(190,181,72)
```
#c5bc5b
```
#c5bc5b rgb(197,188,91)
```
#ccc46e
```
#ccc46e rgb(204,196,110)
```

Monochromatic Color

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

#af8a3e
```
#af8a3e rgb(175,138,62)
```
#af933e
```
#af933e rgb(175,147,62)
```
#af9d3e
```
#af9d3e rgb(175,157,62)
```
#afa63e
```
#afa63e rgb(175,166,62)
```
#afaf3e
```
#afaf3e rgb(175,175,62)
```
#a5af3e
```
#a5af3e rgb(165,175,62)
```
#9caf3e
```
#9caf3e rgb(156,175,62)
```

Similar Colors

Text with hexadecimal color #afa63e

This text has a font color of #afa63e.

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

#afa63e background color

This paragraph has a background color of #afa63e.

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

#afa63e border color

This element has a border color of #afa63e.

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

CSS codes

.text {color:#afa63e;}

.background {background-color:#afa63e;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#100f06
```
#100f06 rgb(16,15,6)
```
#1e1d0b
```
#1e1d0b rgb(30,29,11)
```
#2d2a10
```
#2d2a10 rgb(45,42,16)
```
#3b3815
```
#3b3815 rgb(59,56,21)
```
#4a461a
```
#4a461a rgb(74,70,26)
```
#58541f
```
#58541f rgb(88,84,31)
```
#676124
```
#676124 rgb(103,97,36)
```
#756f29
```
#756f29 rgb(117,111,41)
```
#847d2f
```
#847d2f rgb(132,125,47)
```
#928b34
```
#928b34 rgb(146,139,52)
```
#a19839
```
#a19839 rgb(161,152,57)
```
#afa63e
```
#afa63e rgb(175,166,62)
```

Shade Color Variation

#bdb344
```
#bdb344 rgb(189,179,68)
```
#c2b952
```
#c2b952 rgb(194,185,82)
```
#c7bf61
```
#c7bf61 rgb(199,191,97)
```
#ccc56f
```
#ccc56f rgb(204,197,111)
```
#d1cb7e
```
#d1cb7e rgb(209,203,126)
```
#d6d08c
```
#d6d08c rgb(214,208,140)
```
#dcd69b
```
#dcd69b rgb(220,214,155)
```
#e1dca9
```
#e1dca9 rgb(225,220,169)
```
#e6e2b8
```
#e6e2b8 rgb(230,226,184)
```
#ebe8c6
```
#ebe8c6 rgb(235,232,198)
```
#f0eed5
```
#f0eed5 rgb(240,238,213)
```
#f5f4e3
```
#f5f4e3 rgb(245,244,227)
```
#fafaf2
```
#fafaf2 rgb(250,250,242)
```

Tint Color Variation

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

#787875
```
#787875 rgb(120,120,117)
```
#81806c
```
#81806c rgb(129,128,108)
```
#8b8762
```
#8b8762 rgb(139,135,98)
```
#948f59
```
#948f59 rgb(148,143,89)
```
#9d9750
```
#9d9750 rgb(157,151,80)
```
#a69e47
```
#a69e47 rgb(166,158,71)
```
#afa63e
```
#afa63e rgb(175,166,62)
```
#b8ae35
```
#b8ae35 rgb(184,174,53)
```
#c1b52c
```
#c1b52c rgb(193,181,44)
```
#cabd23
```
#cabd23 rgb(202,189,35)
```
#d3c51a
```
#d3c51a rgb(211,197,26)
```
#ddcc10
```
#ddcc10 rgb(221,204,16)
```
#e6d407
```
#e6d407 rgb(230,212,7)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a19f8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#baa847 Protanopia 1% of men
#cea04c Deuteranopia 1% of men
#bda0ab Tritanopia 0.001% of the population

Trichromacy

#b6a743 Protanomaly 1% of men, 0.01% of women
#c3a246 Deuteranomaly 6% of men, 0.4% of women
#b8a283 Tritanomaly 0.01% of the population

#afa63e hex color

#afa63e Color Information

#afa63e Color Conversion

Color Schemes with #afa63e

Alternatives to #afa63e

#afa63e Preview

Shades and Tints of #afa63e

Tones of #afa63e

Color Blindness Simulator