#afb937 hex color

In a RGB color space, hex #afb937 is composed of 68.6% red, 72.5% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 5.4% cyan, 0% magenta, 70.3% yellow and 27.5% black. It has a hue angle of 64.6 degrees, a saturation of 54.2% and a lightness of 47.1%. #afb937 color hex could be obtained by blending #ffff6e 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

● #afb937 color description : Moderate yellow.

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

Hex triplet	afb937	`#afb937`
RGB Decimal	175, 185, 55	`rgb(175,185,55)`
RGB Percent	68.6, 72.5, 21.6	`rgb(68.6%,72.5%,21.6%)`
CMYK	5, 0, 70, 27
HSL	64.6°, 54.2, 47.1	`hsl(64.6,54.2%,47.1%)`
HSV (or HSB)	64.6°, 70.3, 72.5
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.287, -19.734, 61.26
XYZ	35.718, 44.088, 10.243
xyY	0.397, 0.49, 44.088
CIE-LCH	72.287, 64.36, 107.855
CIE-LUV	72.287, -1.434, 72.25
Hunter-Lab	66.399, -20.178, 37.333
Binary	10101111, 10111001, 00110111

#afb937
```
#afb937 rgb(175,185,55)
```
#4137b9
```
#4137b9 rgb(65,55,185)
```

Complementary Color

#b98237
```
#b98237 rgb(185,130,55)
```
#afb937
```
#afb937 rgb(175,185,55)
```
#6eb937
```
#6eb937 rgb(110,185,55)
```

Analogous Color

#8237b9
```
#8237b9 rgb(130,55,185)
```
#afb937
```
#afb937 rgb(175,185,55)
```
#376eb9
```
#376eb9 rgb(55,110,185)
```

Split Complementary Color

#b937af
```
#b937af rgb(185,55,175)
```
#afb937
```
#afb937 rgb(175,185,55)
```
#37afb9
```
#37afb9 rgb(55,175,185)
```

Triadic Color

#b94137
```
#b94137 rgb(185,65,55)
```
#afb937
```
#afb937 rgb(175,185,55)
```
#37afb9
```
#37afb9 rgb(55,175,185)
```
#4137b9
```
#4137b9 rgb(65,55,185)
```

Tetradic Color

#777e25
```
#777e25 rgb(119,126,37)
```
#8a922b
```
#8a922b rgb(138,146,43)
```
#9ca531
```
#9ca531 rgb(156,165,49)
```
#afb937
```
#afb937 rgb(175,185,55)
```
#bdc743
```
#bdc743 rgb(189,199,67)
```
#c4cd56
```
#c4cd56 rgb(196,205,86)
```
#cbd36a
```
#cbd36a rgb(203,211,106)
```

Monochromatic Color

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

#b9a337
```
#b9a337 rgb(185,163,55)
```
#b9ad37
```
#b9ad37 rgb(185,173,55)
```
#b9b837
```
#b9b837 rgb(185,184,55)
```
#afb937
```
#afb937 rgb(175,185,55)
```
#a4b937
```
#a4b937 rgb(164,185,55)
```
#99b937
```
#99b937 rgb(153,185,55)
```
#8fb937
```
#8fb937 rgb(143,185,55)
```

Similar Colors

Text with hexadecimal color #afb937

This text has a font color of #afb937.

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

#afb937 background color

This paragraph has a background color of #afb937.

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

#afb937 border color

This element has a border color of #afb937.

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

CSS codes

.text {color:#afb937;}

.background {background-color:#afb937;}

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

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 #fbfcf3 is the lightest one.

#030401
```
#030401 rgb(3,4,1)
```
#121306
```
#121306 rgb(18,19,6)
```
#20220a
```
#20220a rgb(32,34,10)
```
#2e310f
```
#2e310f rgb(46,49,15)
```
#3d4013
```
#3d4013 rgb(61,64,19)
```
#4b4f18
```
#4b4f18 rgb(75,79,24)
```
#595e1c
```
#595e1c rgb(89,94,28)
```
#676d21
```
#676d21 rgb(103,109,33)
```
#767d25
```
#767d25 rgb(118,125,37)
```
#848c2a
```
#848c2a rgb(132,140,42)
```
#929b2e
```
#929b2e rgb(146,155,46)
```
#a1aa33
```
#a1aa33 rgb(161,170,51)
```
#afb937
```
#afb937 rgb(175,185,55)
```

Shade Color Variation

#bbc63e
```
#bbc63e rgb(187,198,62)
```
#c1ca4d
```
#c1ca4d rgb(193,202,77)
```
#c6cf5c
```
#c6cf5c rgb(198,207,92)
```
#cbd36b
```
#cbd36b rgb(203,211,107)
```
#d0d87a
```
#d0d87a rgb(208,216,122)
```
#d6dc8a
```
#d6dc8a rgb(214,220,138)
```
#dbe199
```
#dbe199 rgb(219,225,153)
```
#e0e5a8
```
#e0e5a8 rgb(224,229,168)
```
#e6eab7
```
#e6eab7 rgb(230,234,183)
```
#ebeec6
```
#ebeec6 rgb(235,238,198)
```
#f0f3d5
```
#f0f3d5 rgb(240,243,213)
```
#f6f7e4
```
#f6f7e4 rgb(246,247,228)
```
#fbfcf3
```
#fbfcf3 rgb(251,252,243)
```

Tint Color Variation

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

#787878
```
#787878 rgb(120,120,120)
```
#80826e
```
#80826e rgb(128,130,110)
```
#888b65
```
#888b65 rgb(136,139,101)
```
#90945c
```
#90945c rgb(144,148,92)
```
#989d53
```
#989d53 rgb(152,157,83)
```
#9fa749
```
#9fa749 rgb(159,167,73)
```
#a7b040
```
#a7b040 rgb(167,176,64)
```
#afb937
```
#afb937 rgb(175,185,55)
```
#b7c22e
```
#b7c22e rgb(183,194,46)
```
#bfcb25
```
#bfcb25 rgb(191,203,37)
```
#c6d51b
```
#c6d51b rgb(198,213,27)
```
#cede12
```
#cede12 rgb(206,222,18)
```
#d6e709
```
#d6e709 rgb(214,231,9)
```

Tone Color Variation

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

#cab53f Protanopia 1% of men
#e0ac48 Deuteranopia 1% of men
#c0b0bd Tritanopia 0.001% of the population

Trichromacy

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

#afb937 hex color

#afb937 Color Information

#afb937 Color Conversion

Color Schemes with #afb937

Alternatives to #afb937

#afb937 Preview

Shades and Tints of #afb937

Tones of #afb937

Color Blindness Simulator