#afb938 hex color

In a RGB color space, hex #afb938 is composed of 68.6% red, 72.5% green and 22% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 69.7% yellow and 27.5% black. It has a hue angle of 64.7 degrees, a saturation of 53.5% and a lightness of 47.3%. #afb938 color hex could be obtained by blending #ffff70 with #5f7300. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 73
- B 22
RGB color chart
- C 5
- M 0
- Y 70
- K 27
CMYK color chart

● #afb938 color description : Moderate yellow.

The hexadecimal color #afb938 has RGB values of R:175, G:185, B:56 and CMYK values of C:0.05, M:0, Y:0.7, K:0.27. Its decimal value is 11516216.

Hex triplet	afb938	`#afb938`
RGB Decimal	175, 185, 56	`rgb(175,185,56)`
RGB Percent	68.6, 72.5, 22	`rgb(68.6%,72.5%,22%)`
CMYK	5, 0, 70, 27
HSL	64.7°, 53.5, 47.3	`hsl(64.7,53.5%,47.3%)`
HSV (or HSB)	64.7°, 69.7, 72.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.294, -19.68, 60.896
XYZ	35.742, 44.098, 10.37
xyY	0.396, 0.489, 44.098
CIE-LCH	72.294, 63.997, 107.91
CIE-LUV	72.294, -1.449, 71.981
Hunter-Lab	66.406, -20.136, 37.225
Binary	10101111, 10111001, 00111000

#afb938
```
#afb938 rgb(175,185,56)
```
#4238b9
```
#4238b9 rgb(66,56,185)
```

Complementary Color

#b98338
```
#b98338 rgb(185,131,56)
```
#afb938
```
#afb938 rgb(175,185,56)
```
#6fb938
```
#6fb938 rgb(111,185,56)
```

Analogous Color

#8338b9
```
#8338b9 rgb(131,56,185)
```
#afb938
```
#afb938 rgb(175,185,56)
```
#386fb9
```
#386fb9 rgb(56,111,185)
```

Split Complementary Color

#b938af
```
#b938af rgb(185,56,175)
```
#afb938
```
#afb938 rgb(175,185,56)
```
#38afb9
```
#38afb9 rgb(56,175,185)
```

Triadic Color

#b94238
```
#b94238 rgb(185,66,56)
```
#afb938
```
#afb938 rgb(175,185,56)
```
#38afb9
```
#38afb9 rgb(56,175,185)
```
#4238b9
```
#4238b9 rgb(66,56,185)
```

Tetradic Color

#777e26
```
#777e26 rgb(119,126,38)
```
#8a922c
```
#8a922c rgb(138,146,44)
```
#9ca532
```
#9ca532 rgb(156,165,50)
```
#afb938
```
#afb938 rgb(175,185,56)
```
#bcc644
```
#bcc644 rgb(188,198,68)
```
#c3cc58
```
#c3cc58 rgb(195,204,88)
```
#cad26b
```
#cad26b rgb(202,210,107)
```

Monochromatic Color

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

#b9a338
```
#b9a338 rgb(185,163,56)
```
#b9ae38
```
#b9ae38 rgb(185,174,56)
```
#b9b838
```
#b9b838 rgb(185,184,56)
```
#afb938
```
#afb938 rgb(175,185,56)
```
#a4b938
```
#a4b938 rgb(164,185,56)
```
#9ab938
```
#9ab938 rgb(154,185,56)
```
#8fb938
```
#8fb938 rgb(143,185,56)
```

Similar Colors

Text with hexadecimal color #afb938

This text has a font color of #afb938.

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

#afb938 background color

This paragraph has a background color of #afb938.

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

#afb938 border color

This element has a border color of #afb938.

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

CSS codes

.text {color:#afb938;}

.background {background-color:#afb938;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#121306
```
#121306 rgb(18,19,6)
```
#21220a
```
#21220a rgb(33,34,10)
```
#2f310f
```
#2f310f rgb(47,49,15)
```
#3d4114
```
#3d4114 rgb(61,65,20)
```
#4b5018
```
#4b5018 rgb(75,80,24)
```
#5a5f1d
```
#5a5f1d rgb(90,95,29)
```
#686e21
```
#686e21 rgb(104,110,33)
```
#767d26
```
#767d26 rgb(118,125,38)
```
#848c2a
```
#848c2a rgb(132,140,42)
```
#939b2f
```
#939b2f rgb(147,155,47)
```
#a1aa33
```
#a1aa33 rgb(161,170,51)
```
#afb938
```
#afb938 rgb(175,185,56)
```

Shade Color Variation

#bbc540
```
#bbc540 rgb(187,197,64)
```
#c0ca4f
```
#c0ca4f rgb(192,202,79)
```
#c5ce5e
```
#c5ce5e rgb(197,206,94)
```
#cbd36d
```
#cbd36d rgb(203,211,109)
```
#d0d77c
```
#d0d77c rgb(208,215,124)
```
#d6dc8b
```
#d6dc8b rgb(214,220,139)
```
#dbe09a
```
#dbe09a rgb(219,224,154)
```
#e0e5a9
```
#e0e5a9 rgb(224,229,169)
```
#e6eab8
```
#e6eab8 rgb(230,234,184)
```
#ebeec7
```
#ebeec7 rgb(235,238,199)
```
#f0f3d6
```
#f0f3d6 rgb(240,243,214)
```
#f6f7e5
```
#f6f7e5 rgb(246,247,229)
```
#fbfcf4
```
#fbfcf4 rgb(251,252,244)
```

Tint Color Variation

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

#808170
```
#808170 rgb(128,129,112)
```
#888b66
```
#888b66 rgb(136,139,102)
```
#90945d
```
#90945d rgb(144,148,93)
```
#989d54
```
#989d54 rgb(152,157,84)
```
#9fa64b
```
#9fa64b rgb(159,166,75)
```
#a7b041
```
#a7b041 rgb(167,176,65)
```
#afb938
```
#afb938 rgb(175,185,56)
```
#b7c22f
```
#b7c22f rgb(183,194,47)
```
#bfcc25
```
#bfcc25 rgb(191,204,37)
```
#c6d51c
```
#c6d51c rgb(198,213,28)
```
#cede13
```
#cede13 rgb(206,222,19)
```
#d6e70a
```
#d6e70a rgb(214,231,10)
```
#def100
```
#def100 rgb(222,241,0)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ab91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cab540 Protanopia 1% of men
#dfac49 Deuteranopia 1% of men
#c0b0bd Tritanopia 0.001% of the population

Trichromacy

#c0b63d Protanomaly 1% of men, 0.01% of women
#ceb143 Deuteranomaly 6% of men, 0.4% of women
#bab38c Tritanomaly 0.01% of the population

#afb938 hex color

#afb938 Color Information

#afb938 Color Conversion

Color Schemes with #afb938

Alternatives to #afb938

#afb938 Preview

Shades and Tints of #afb938

Tones of #afb938

Color Blindness Simulator