#afb442 hex color

In a RGB color space, hex #afb442 is composed of 68.6% red, 70.6% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 63.3% yellow and 29.4% black. It has a hue angle of 62.6 degrees, a saturation of 46.3% and a lightness of 48.2%. #afb442 color hex could be obtained by blending #ffff84 with #5f6900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 71
- B 26
RGB color chart
- C 3
- M 0
- Y 63
- K 29
CMYK color chart

● #afb442 color description : Moderate yellow.

The hexadecimal color #afb442 has RGB values of R:175, G:180, B:66 and CMYK values of C:0.03, M:0, Y:0.63, K:0.29. Its decimal value is 11514946.

Hex triplet	afb442	`#afb442`
RGB Decimal	175, 180, 66	`rgb(175,180,66)`
RGB Percent	68.6, 70.6, 25.9	`rgb(68.6%,70.6%,25.9%)`
CMYK	3, 0, 63, 29
HSL	62.6°, 46.3, 48.2	`hsl(62.6,46.3%,48.2%)`
HSV (or HSB)	62.6°, 63.3, 70.6
Web Safe	99cc33	`#99cc33`

CIE-LAB	70.974, -16.563, 55.563
XYZ	34.984, 42.15, 11.447
xyY	0.395, 0.476, 42.15
CIE-LCH	70.974, 57.979, 106.599
CIE-LUV	70.974, 1.492, 66.779
Hunter-Lab	64.923, -17.431, 34.993
Binary	10101111, 10110100, 01000010

#afb442
```
#afb442 rgb(175,180,66)
```
#4742b4
```
#4742b4 rgb(71,66,180)
```

Complementary Color

#b48042
```
#b48042 rgb(180,128,66)
```
#afb442
```
#afb442 rgb(175,180,66)
```
#76b442
```
#76b442 rgb(118,180,66)
```

Analogous Color

#8042b4
```
#8042b4 rgb(128,66,180)
```
#afb442
```
#afb442 rgb(175,180,66)
```
#4276b4
```
#4276b4 rgb(66,118,180)
```

Split Complementary Color

#b442af
```
#b442af rgb(180,66,175)
```
#afb442
```
#afb442 rgb(175,180,66)
```
#42afb4
```
#42afb4 rgb(66,175,180)
```

Triadic Color

#b44742
```
#b44742 rgb(180,71,66)
```
#afb442
```
#afb442 rgb(175,180,66)
```
#42afb4
```
#42afb4 rgb(66,175,180)
```
#4742b4
```
#4742b4 rgb(71,66,180)
```

Tetradic Color

#797c2d
```
#797c2d rgb(121,124,45)
```
#8b8f34
```
#8b8f34 rgb(139,143,52)
```
#9da13b
```
#9da13b rgb(157,161,59)
```
#afb442
```
#afb442 rgb(175,180,66)
```
#babf50
```
#babf50 rgb(186,191,80)
```
#c2c663
```
#c2c663 rgb(194,198,99)
```
#c9cd76
```
#c9cd76 rgb(201,205,118)
```

Monochromatic Color

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

#b49d42
```
#b49d42 rgb(180,157,66)
```
#b4a642
```
#b4a642 rgb(180,166,66)
```
#b4b042
```
#b4b042 rgb(180,176,66)
```
#afb442
```
#afb442 rgb(175,180,66)
```
#a6b442
```
#a6b442 rgb(166,180,66)
```
#9cb442
```
#9cb442 rgb(156,180,66)
```
#93b442
```
#93b442 rgb(147,180,66)
```

Similar Colors

Text with hexadecimal color #afb442

This text has a font color of #afb442.

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

#afb442 background color

This paragraph has a background color of #afb442.

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

#afb442 border color

This element has a border color of #afb442.

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

CSS codes

.text {color:#afb442;}

.background {background-color:#afb442;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#161608
```
#161608 rgb(22,22,8)
```
#23240d
```
#23240d rgb(35,36,13)
```
#313313
```
#313313 rgb(49,51,19)
```
#3f4118
```
#3f4118 rgb(63,65,24)
```
#4d501d
```
#4d501d rgb(77,80,29)
```
#5b5e22
```
#5b5e22 rgb(91,94,34)
```
#696c28
```
#696c28 rgb(105,108,40)
```
#777b2d
```
#777b2d rgb(119,123,45)
```
#858932
```
#858932 rgb(133,137,50)
```
#939737
```
#939737 rgb(147,151,55)
```
#a1a63d
```
#a1a63d rgb(161,166,61)
```
#afb442
```
#afb442 rgb(175,180,66)
```

Shade Color Variation

#b8bd4c
```
#b8bd4c rgb(184,189,76)
```
#bec35b
```
#bec35b rgb(190,195,91)
```
#c4c869
```
#c4c869 rgb(196,200,105)
```
#c9cd77
```
#c9cd77 rgb(201,205,119)
```
#cfd286
```
#cfd286 rgb(207,210,134)
```
#d5d894
```
#d5d894 rgb(213,216,148)
```
#dadda2
```
#dadda2 rgb(218,221,162)
```
#e0e2b1
```
#e0e2b1 rgb(224,226,177)
```
#e6e8bf
```
#e6e8bf rgb(230,232,191)
```
#ebedcd
```
#ebedcd rgb(235,237,205)
```
#f1f2dc
```
#f1f2dc rgb(241,242,220)
```
#f7f7ea
```
#f7f7ea rgb(247,247,234)
```
#fcfdf8
```
#fcfdf8 rgb(252,253,248)
```

Tint Color Variation

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

#7b7b7b
```
#7b7b7b rgb(123,123,123)
```
#848571
```
#848571 rgb(132,133,113)
```
#8c8e68
```
#8c8e68 rgb(140,142,104)
```
#95985e
```
#95985e rgb(149,152,94)
```
#9ea155
```
#9ea155 rgb(158,161,85)
```
#a6ab4b
```
#a6ab4b rgb(166,171,75)
```
#afb442
```
#afb442 rgb(175,180,66)
```
#b8bd39
```
#b8bd39 rgb(184,189,57)
```
#c0c72f
```
#c0c72f rgb(192,199,47)
```
#c9d026
```
#c9d026 rgb(201,208,38)
```
#d2da1c
```
#d2da1c rgb(210,218,28)
```
#dae313
```
#dae313 rgb(218,227,19)
```
#e3ed09
```
#e3ed09 rgb(227,237,9)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#a8a992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c5b24a Protanopia 1% of men
#daa951 Deuteranopia 1% of men
#bfacb9 Tritanopia 0.001% of the population

Trichromacy

#bdb247 Protanomaly 1% of men, 0.01% of women
#caad4b Deuteranomaly 6% of men, 0.4% of women
#b9af8d Tritanomaly 0.01% of the population

#afb442 hex color

#afb442 Color Information

#afb442 Color Conversion

Color Schemes with #afb442

Alternatives to #afb442

#afb442 Preview

Shades and Tints of #afb442

Tones of #afb442

Color Blindness Simulator