colorhexa.com

#afb227 hex color

In a RGB color space, hex #afb227 is composed of 68.6% red, 69.8% green and 15.3% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 78.1% yellow and 30.2% black. It has a hue angle of 61.3 degrees, a saturation of 64.1% and a lightness of 42.5%. #afb227 color hex could be obtained by blending #ffff4e with #5f6500. Closest websafe color is: #999933.

- R 69
- G 70
- B 15
RGB color chart
- C 2
- M 0
- Y 78
- K 30
CMYK color chart

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

The hexadecimal color #afb227 has RGB values of R:175, G:178, B:39 and CMYK values of C:0.02, M:0, Y:0.78, K:0.3. Its decimal value is 11514407.

Hex triplet	afb227	`#afb227`
RGB Decimal	175, 178, 39	`rgb(175,178,39)`
RGB Percent	68.6, 69.8, 15.3	`rgb(68.6%,69.8%,15.3%)`
CMYK	2, 0, 78, 30
HSL	61.3°, 64.1, 42.5	`hsl(61.3,64.1%,42.5%)`
HSV (or HSB)	61.3°, 78.1, 69.8
Web Safe	999933	`#999933`

CIE-LAB	70.247, -16.938, 64.714
XYZ	33.966, 41.102, 8.064
xyY	0.409, 0.494, 41.102
CIE-LCH	70.247, 66.894, 104.667
CIE-LUV	70.247, 3.227, 73.007
Hunter-Lab	64.111, -17.624, 37.42
Binary	10101111, 10110010, 00100111

#afb227
```
#afb227 rgb(175,178,39)
```
#2a27b2
```
#2a27b2 rgb(42,39,178)
```

Complementary Color

#b27027
```
#b27027 rgb(178,112,39)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#6ab227
```
#6ab227 rgb(106,178,39)
```

Analogous Color

#7027b2
```
#7027b2 rgb(112,39,178)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#276ab2
```
#276ab2 rgb(39,106,178)
```

Split Complementary Color

#b227af
```
#b227af rgb(178,39,175)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#27afb2
```
#27afb2 rgb(39,175,178)
```

Triadic Color

#b22a27
```
#b22a27 rgb(178,42,39)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#27afb2
```
#27afb2 rgb(39,175,178)
```
#2a27b2
```
#2a27b2 rgb(42,39,178)
```

Tetradic Color

#717319
```
#717319 rgb(113,115,25)
```
#86881e
```
#86881e rgb(134,136,30)
```
#9a9d22
```
#9a9d22 rgb(154,157,34)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#c4c72c
```
#c4c72c rgb(196,199,44)
```
#d0d438
```
#d0d438 rgb(208,212,56)
```
#d5d84d
```
#d5d84d rgb(213,216,77)
```

Monochromatic Color

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

#b29227
```
#b29227 rgb(178,146,39)
```
#b29e27
```
#b29e27 rgb(178,158,39)
```
#b2a927
```
#b2a927 rgb(178,169,39)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#a3b227
```
#a3b227 rgb(163,178,39)
```
#98b227
```
#98b227 rgb(152,178,39)
```
#8cb227
```
#8cb227 rgb(140,178,39)
```

Similar Colors

Text with hexadecimal color #afb227

This text has a font color of #afb227.

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

#afb227 background color

This paragraph has a background color of #afb227.

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

#afb227 border color

This element has a border color of #afb227.

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

CSS codes

.text {color:#afb227;}

.background {background-color:#afb227;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#111104
```
#111104 rgb(17,17,4)
```
#212107
```
#212107 rgb(33,33,7)
```
#30310b
```
#30310b rgb(48,49,11)
```
#40410e
```
#40410e rgb(64,65,14)
```
#505112
```
#505112 rgb(80,81,18)
```
#606215
```
#606215 rgb(96,98,21)
```
#707219
```
#707219 rgb(112,114,25)
```
#80821c
```
#80821c rgb(128,130,28)
```
#8f9220
```
#8f9220 rgb(143,146,32)
```
#9fa223
```
#9fa223 rgb(159,162,35)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#bfc22b
```
#bfc22b rgb(191,194,43)
```

Shade Color Variation

#ced12f
```
#ced12f rgb(206,209,47)
```
#d2d53f
```
#d2d53f rgb(210,213,63)
```
#d5d84f
```
#d5d84f rgb(213,216,79)
```
#d9dc5f
```
#d9dc5f rgb(217,220,95)
```
#dddf6f
```
#dddf6f rgb(221,223,111)
```
#e1e37f
```
#e1e37f rgb(225,227,127)
```
#e5e78f
```
#e5e78f rgb(229,231,143)
```
#e8ea9f
```
#e8ea9f rgb(232,234,159)
```
#eceeb0
```
#eceeb0 rgb(236,238,176)
```
#f0f1c0
```
#f0f1c0 rgb(240,241,192)
```
#f4f5d0
```
#f4f5d0 rgb(244,245,208)
```
#f8f8e0
```
#f8f8e0 rgb(248,248,224)
```
#fbfcf0
```
#fbfcf0 rgb(251,252,240)
```

Tint Color Variation

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

#6f6f6a
```
#6f6f6a rgb(111,111,106)
```
#777861
```
#777861 rgb(119,120,97)
```
#7f8059
```
#7f8059 rgb(127,128,89)
```
#878851
```
#878851 rgb(135,136,81)
```
#8f9148
```
#8f9148 rgb(143,145,72)
```
#979940
```
#979940 rgb(151,153,64)
```
#9fa138
```
#9fa138 rgb(159,161,56)
```
#a7aa2f
```
#a7aa2f rgb(167,170,47)
```
#afb227
```
#afb227 rgb(175,178,39)
```
#b7ba1f
```
#b7ba1f rgb(183,186,31)
```
#bfc316
```
#bfc316 rgb(191,195,22)
```
#c7cb0e
```
#c7cb0e rgb(199,203,14)
```
#cfd306
```
#cfd306 rgb(207,211,6)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a4a489 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b030 Protanopia 1% of men
#daa73a Deuteranopia 1% of men
#bfaab6 Tritanopia 0.001% of the population

Trichromacy

#bcb02d Protanomaly 1% of men, 0.01% of women
#caab33 Deuteranomaly 6% of men, 0.4% of women
#b9ad82 Tritanomaly 0.01% of the population