#afa227 hex color

In a RGB color space, hex #afa227 is composed of 68.6% red, 63.5% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 7.4% magenta, 77.7% yellow and 31.4% black. It has a hue angle of 54.3 degrees, a saturation of 63.6% and a lightness of 42%. #afa227 color hex could be obtained by blending #ffff4e with #5f4500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 64
- B 15
RGB color chart
- C 0
- M 7
- Y 78
- K 31
CMYK color chart

● #afa227 color description : Dark yellow [Olive tone].

The hexadecimal color #afa227 has RGB values of R:175, G:162, B:39 and CMYK values of C:0, M:0.07, Y:0.78, K:0.31. Its decimal value is 11510311.

Hex triplet	afa227	`#afa227`
RGB Decimal	175, 162, 39	`rgb(175,162,39)`
RGB Percent	68.6, 63.5, 15.3	`rgb(68.6%,63.5%,15.3%)`
CMYK	0, 7, 78, 31
HSL	54.3°, 63.6, 42	`hsl(54.3,63.6%,42%)`
HSV (or HSB)	54.3°, 77.7, 68.6
Web Safe	999933	`#999933`

CIE-LAB	65.828, -8.659, 60.72
XYZ	30.966, 35.102, 7.064
xyY	0.423, 0.48, 35.102
CIE-LCH	65.828, 61.335, 98.116
CIE-LUV	65.828, 13.866, 66.395
Hunter-Lab	59.247, -10.387, 34.404
Binary	10101111, 10100010, 00100111

#afa227
```
#afa227 rgb(175,162,39)
```
#2734af
```
#2734af rgb(39,52,175)
```

Complementary Color

#af5e27
```
#af5e27 rgb(175,94,39)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#78af27
```
#78af27 rgb(120,175,39)
```

Analogous Color

#5e27af
```
#5e27af rgb(94,39,175)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#2778af
```
#2778af rgb(39,120,175)
```

Split Complementary Color

#a227af
```
#a227af rgb(162,39,175)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#27afa2
```
#27afa2 rgb(39,175,162)
```

Triadic Color

#af2734
```
#af2734 rgb(175,39,52)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#27afa2
```
#27afa2 rgb(39,175,162)
```
#2734af
```
#2734af rgb(39,52,175)
```

Tetradic Color

#706819
```
#706819 rgb(112,104,25)
```
#857b1e
```
#857b1e rgb(133,123,30)
```
#9a8f22
```
#9a8f22 rgb(154,143,34)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#c4b52c
```
#c4b52c rgb(196,181,44)
```
#d2c337
```
#d2c337 rgb(210,195,55)
```
#d7ca4c
```
#d7ca4c rgb(215,202,76)
```

Monochromatic Color

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

#af8027
```
#af8027 rgb(175,128,39)
```
#af8b27
```
#af8b27 rgb(175,139,39)
```
#af9727
```
#af9727 rgb(175,151,39)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#afad27
```
#afad27 rgb(175,173,39)
```
#a5af27
```
#a5af27 rgb(165,175,39)
```
#9aaf27
```
#9aaf27 rgb(154,175,39)
```

Similar Colors

Text with hexadecimal color #afa227

This text has a font color of #afa227.

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

#afa227 background color

This paragraph has a background color of #afa227.

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

#afa227 border color

This element has a border color of #afa227.

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

CSS codes

.text {color:#afa227;}

.background {background-color:#afa227;}

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

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, #0f0e03 is the darkest color, while #fffffe is the lightest one.

#0f0e03
```
#0f0e03 rgb(15,14,3)
```
#1f1c07
```
#1f1c07 rgb(31,28,7)
```
#2f2b0a
```
#2f2b0a rgb(47,43,10)
```
#3f3a0e
```
#3f3a0e rgb(63,58,14)
```
#4f4912
```
#4f4912 rgb(79,73,18)
```
#5f5815
```
#5f5815 rgb(95,88,21)
```
#6f6719
```
#6f6719 rgb(111,103,25)
```
#7f751c
```
#7f751c rgb(127,117,28)
```
#8f8420
```
#8f8420 rgb(143,132,32)
```
#9f9323
```
#9f9323 rgb(159,147,35)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#bfb12b
```
#bfb12b rgb(191,177,43)
```
#cfc02e
```
#cfc02e rgb(207,192,46)
```

Shade Color Variation

#d4c53d
```
#d4c53d rgb(212,197,61)
```
#d7ca4d
```
#d7ca4d rgb(215,202,77)
```
#dbcf5d
```
#dbcf5d rgb(219,207,93)
```
#dfd46d
```
#dfd46d rgb(223,212,109)
```
#e2d87d
```
#e2d87d rgb(226,216,125)
```
#e6dd8d
```
#e6dd8d rgb(230,221,141)
```
#e9e29d
```
#e9e29d rgb(233,226,157)
```
#ede7ad
```
#ede7ad rgb(237,231,173)
```
#f0ecbd
```
#f0ecbd rgb(240,236,189)
```
#f4f0cd
```
#f4f0cd rgb(244,240,205)
```
#f8f5dd
```
#f8f5dd rgb(248,245,221)
```
#fbfaee
```
#fbfaee rgb(251,250,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6d6d69
```
#6d6d69 rgb(109,109,105)
```
#757361
```
#757361 rgb(117,115,97)
```
#7e7a58
```
#7e7a58 rgb(126,122,88)
```
#868150
```
#868150 rgb(134,129,80)
```
#8e8748
```
#8e8748 rgb(142,135,72)
```
#968e40
```
#968e40 rgb(150,142,64)
```
#9f9537
```
#9f9537 rgb(159,149,55)
```
#a79b2f
```
#a79b2f rgb(167,155,47)
```
#afa227
```
#afa227 rgb(175,162,39)
```
#b7a91f
```
#b7a91f rgb(183,169,31)
```
#bfaf17
```
#bfaf17 rgb(191,175,23)
```
#c8b60e
```
#c8b60e rgb(200,182,14)
```
#d0bd06
```
#d0bd06 rgb(208,189,6)
```

Tone Color Variation

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

#989898 Achromatopsia 0.005% of the population
#9d9a81 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8a531 Protanopia 1% of men
#cc9d37 Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#b4a42d Protanomaly 1% of men, 0.01% of women
#c19e31 Deuteranomaly 6% of men, 0.4% of women
#b89e78 Tritanomaly 0.01% of the population

#afa227 hex color

#afa227 Color Information

#afa227 Color Conversion

Color Schemes with #afa227

Alternatives to #afa227

#afa227 Preview

Shades and Tints of #afa227

Tones of #afa227

Color Blindness Simulator