#afb342 hex color

In a RGB color space, hex #afb342 is composed of 68.6% red, 70.2% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 63.1% yellow and 29.8% black. It has a hue angle of 62.1 degrees, a saturation of 46.1% and a lightness of 48%. #afb342 color hex could be obtained by blending #ffff84 with #5f6700. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 70
- B 26
RGB color chart
- C 2
- M 0
- Y 63
- K 30
CMYK color chart

● #afb342 color description : Moderate yellow.

The hexadecimal color #afb342 has RGB values of R:175, G:179, B:66 and CMYK values of C:0.02, M:0, Y:0.63, K:0.3. Its decimal value is 11514690.

Hex triplet	afb342	`#afb342`
RGB Decimal	175, 179, 66	`rgb(175,179,66)`
RGB Percent	68.6, 70.2, 25.9	`rgb(68.6%,70.2%,25.9%)`
CMYK	2, 0, 63, 30
HSL	62.1°, 46.1, 48	`hsl(62.1,46.1%,48%)`
HSV (or HSB)	62.1°, 63.1, 70.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.697, -16.054, 55.269
XYZ	34.783, 41.748, 11.38
xyY	0.396, 0.475, 41.748
CIE-LCH	70.697, 57.553, 106.197
CIE-LUV	70.697, 2.12, 66.333
Hunter-Lab	64.613, -16.981, 34.786
Binary	10101111, 10110011, 01000010

#afb342
```
#afb342 rgb(175,179,66)
```
#4642b3
```
#4642b3 rgb(70,66,179)
```

Complementary Color

#b37f42
```
#b37f42 rgb(179,127,66)
```
#afb342
```
#afb342 rgb(175,179,66)
```
#77b342
```
#77b342 rgb(119,179,66)
```

Analogous Color

#7f42b3
```
#7f42b3 rgb(127,66,179)
```
#afb342
```
#afb342 rgb(175,179,66)
```
#4277b3
```
#4277b3 rgb(66,119,179)
```

Split Complementary Color

#b342af
```
#b342af rgb(179,66,175)
```
#afb342
```
#afb342 rgb(175,179,66)
```
#42afb3
```
#42afb3 rgb(66,175,179)
```

Triadic Color

#b34642
```
#b34642 rgb(179,70,66)
```
#afb342
```
#afb342 rgb(175,179,66)
```
#42afb3
```
#42afb3 rgb(66,175,179)
```
#4642b3
```
#4642b3 rgb(70,66,179)
```

Tetradic Color

#787b2d
```
#787b2d rgb(120,123,45)
```
#8b8e34
```
#8b8e34 rgb(139,142,52)
```
#9da03b
```
#9da03b rgb(157,160,59)
```
#afb342
```
#afb342 rgb(175,179,66)
```
#bbbe50
```
#bbbe50 rgb(187,190,80)
```
#c2c563
```
#c2c563 rgb(194,197,99)
```
#c9cc75
```
#c9cc75 rgb(201,204,117)
```

Monochromatic Color

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

#b39b42
```
#b39b42 rgb(179,155,66)
```
#b3a442
```
#b3a442 rgb(179,164,66)
```
#b3ae42
```
#b3ae42 rgb(179,174,66)
```
#afb342
```
#afb342 rgb(175,179,66)
```
#a6b342
```
#a6b342 rgb(166,179,66)
```
#9cb342
```
#9cb342 rgb(156,179,66)
```
#93b342
```
#93b342 rgb(147,179,66)
```

Similar Colors

Text with hexadecimal color #afb342

This text has a font color of #afb342.

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

#afb342 background color

This paragraph has a background color of #afb342.

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

#afb342 border color

This element has a border color of #afb342.

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

CSS codes

.text {color:#afb342;}

.background {background-color:#afb342;}

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

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

#070703
```
#070703 rgb(7,7,3)
```
#151508
```
#151508 rgb(21,21,8)
```
#23240d
```
#23240d rgb(35,36,13)
```
#313212
```
#313212 rgb(49,50,18)
```
#3f4018
```
#3f4018 rgb(63,64,24)
```
#4d4f1d
```
#4d4f1d rgb(77,79,29)
```
#5b5d22
```
#5b5d22 rgb(91,93,34)
```
#696b28
```
#696b28 rgb(105,107,40)
```
#777a2d
```
#777a2d rgb(119,122,45)
```
#858832
```
#858832 rgb(133,136,50)
```
#939637
```
#939637 rgb(147,150,55)
```
#a1a53d
```
#a1a53d rgb(161,165,61)
```
#afb342
```
#afb342 rgb(175,179,66)
```

Shade Color Variation

#b9bd4c
```
#b9bd4c rgb(185,189,76)
```
#bec25a
```
#bec25a rgb(190,194,90)
```
#c4c768
```
#c4c768 rgb(196,199,104)
```
#cacd77
```
#cacd77 rgb(202,205,119)
```
#cfd285
```
#cfd285 rgb(207,210,133)
```
#d5d793
```
#d5d793 rgb(213,215,147)
```
#dbdda2
```
#dbdda2 rgb(219,221,162)
```
#e0e2b0
```
#e0e2b0 rgb(224,226,176)
```
#e6e7be
```
#e6e7be rgb(230,231,190)
```
#ebeccd
```
#ebeccd rgb(235,236,205)
```
#f1f2db
```
#f1f2db rgb(241,242,219)
```
#f7f7e9
```
#f7f7e9 rgb(247,247,233)
```
#fcfcf8
```
#fcfcf8 rgb(252,252,248)
```

Tint Color Variation

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

#838471
```
#838471 rgb(131,132,113)
```
#8c8d68
```
#8c8d68 rgb(140,141,104)
```
#95975e
```
#95975e rgb(149,151,94)
```
#9da055
```
#9da055 rgb(157,160,85)
```
#a6aa4b
```
#a6aa4b rgb(166,170,75)
```
#afb342
```
#afb342 rgb(175,179,66)
```
#b8bc39
```
#b8bc39 rgb(184,188,57)
```
#c1c62f
```
#c1c62f rgb(193,198,47)
```
#c9cf26
```
#c9cf26 rgb(201,207,38)
```
#d2d91c
```
#d2d91c rgb(210,217,28)
```
#dbe213
```
#dbe213 rgb(219,226,19)
```
#e4ec09
```
#e4ec09 rgb(228,236,9)
```
#ecf500
```
#ecf500 rgb(236,245,0)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b14a Protanopia 1% of men
#d9a951 Deuteranopia 1% of men
#beacb8 Tritanopia 0.001% of the population

Trichromacy

#bcb247 Protanomaly 1% of men, 0.01% of women
#caac4b Deuteranomaly 6% of men, 0.4% of women
#b9ae8d Tritanomaly 0.01% of the population

#afb342 hex color

#afb342 Color Information

#afb342 Color Conversion

Color Schemes with #afb342

Alternatives to #afb342

#afb342 Preview

Shades and Tints of #afb342

Tones of #afb342

Color Blindness Simulator