#afb015 hex color

In a RGB color space, hex #afb015 is composed of 68.6% red, 69% green and 8.2% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 88.1% yellow and 31% black. It has a hue angle of 60.4 degrees, a saturation of 78.7% and a lightness of 38.6%. #afb015 color hex could be obtained by blending #ffff2a with #5f6100. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 69
- B 8
RGB color chart
- C 1
- M 0
- Y 88
- K 31
CMYK color chart

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

The hexadecimal color #afb015 has RGB values of R:175, G:176, B:21 and CMYK values of C:0.01, M:0, Y:0.88, K:0.31. Its decimal value is 11513877.

Hex triplet	afb015	`#afb015`
RGB Decimal	175, 176, 21	`rgb(175,176,21)`
RGB Percent	68.6, 69, 8.2	`rgb(68.6%,69%,8.2%)`
CMYK	1, 0, 88, 31
HSL	60.4°, 78.7, 38.6	`hsl(60.4,78.7%,38.6%)`
HSV (or HSB)	60.4°, 88.1, 69
Web Safe	999900	`#999900`

CIE-LAB	69.625, -16.451, 68.607
XYZ	33.34, 40.219, 6.716
xyY	0.415, 0.501, 40.219
CIE-LCH	69.625, 70.552, 103.484
CIE-LUV	69.625, 4.717, 74.944
Hunter-Lab	63.419, -17.143, 38.114
Binary	10101111, 10110000, 00010101

#afb015
```
#afb015 rgb(175,176,21)
```
#1615b0
```
#1615b0 rgb(22,21,176)
```

Complementary Color

#b06415
```
#b06415 rgb(176,100,21)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#62b015
```
#62b015 rgb(98,176,21)
```

Analogous Color

#6415b0
```
#6415b0 rgb(100,21,176)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#1561b0
```
#1561b0 rgb(21,97,176)
```

Split Complementary Color

#b015af
```
#b015af rgb(176,21,175)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#15afb0
```
#15afb0 rgb(21,175,176)
```

Triadic Color

#b01615
```
#b01615 rgb(176,22,21)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#15afb0
```
#15afb0 rgb(21,175,176)
```
#1615b0
```
#1615b0 rgb(22,21,176)
```

Tetradic Color

#6b6c0d
```
#6b6c0d rgb(107,108,13)
```
#828210
```
#828210 rgb(130,130,16)
```
#989912
```
#989912 rgb(152,153,18)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#c6c718
```
#c6c718 rgb(198,199,24)
```
#dcde1a
```
#dcde1a rgb(220,222,26)
```
#e5e62c
```
#e5e62c rgb(229,230,44)
```

Monochromatic Color

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

#b08a15
```
#b08a15 rgb(176,138,21)
```
#b09715
```
#b09715 rgb(176,151,21)
```
#b0a415
```
#b0a415 rgb(176,164,21)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#a2b015
```
#a2b015 rgb(162,176,21)
```
#95b015
```
#95b015 rgb(149,176,21)
```
#88b015
```
#88b015 rgb(136,176,21)
```

Similar Colors

Text with hexadecimal color #afb015

This text has a font color of #afb015.

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

#afb015 background color

This paragraph has a background color of #afb015.

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

#afb015 border color

This element has a border color of #afb015.

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

CSS codes

.text {color:#afb015;}

.background {background-color:#afb015;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#121202
```
#121202 rgb(18,18,2)
```
#242404
```
#242404 rgb(36,36,4)
```
#353506
```
#353506 rgb(53,53,6)
```
#464708
```
#464708 rgb(70,71,8)
```
#58580b
```
#58580b rgb(88,88,11)
```
#696a0d
```
#696a0d rgb(105,106,13)
```
#7b7b0f
```
#7b7b0f rgb(123,123,15)
```
#8c8d11
```
#8c8d11 rgb(140,141,17)
```
#9e9e13
```
#9e9e13 rgb(158,158,19)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#c0c217
```
#c0c217 rgb(192,194,23)
```
#d2d319
```
#d2d319 rgb(210,211,25)
```

Shade Color Variation

#e3e41c
```
#e3e41c rgb(227,228,28)
```
#e5e62d
```
#e5e62d rgb(229,230,45)
```
#e7e83f
```
#e7e83f rgb(231,232,63)
```
#e9ea51
```
#e9ea51 rgb(233,234,81)
```
#ebec62
```
#ebec62 rgb(235,236,98)
```
#eeee74
```
#eeee74 rgb(238,238,116)
```
#f0f085
```
#f0f085 rgb(240,240,133)
```
#f2f397
```
#f2f397 rgb(242,243,151)
```
#f4f5a8
```
#f4f5a8 rgb(244,245,168)
```
#f6f7ba
```
#f6f7ba rgb(246,247,186)
```
#f9f9cb
```
#f9f9cb rgb(249,249,203)
```
#fbfbdd
```
#fbfbdd rgb(251,251,221)
```
#fdfdee
```
#fdfdee rgb(253,253,238)
```

Tint Color Variation

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

#646461
```
#646461 rgb(100,100,97)
```
#6c6c59
```
#6c6c59 rgb(108,108,89)
```
#737352
```
#737352 rgb(115,115,82)
```
#7b7b4a
```
#7b7b4a rgb(123,123,74)
```
#828342
```
#828342 rgb(130,131,66)
```
#8a8a3b
```
#8a8a3b rgb(138,138,59)
```
#919233
```
#919233 rgb(145,146,51)
```
#99992c
```
#99992c rgb(153,153,44)
```
#a0a124
```
#a0a124 rgb(160,161,36)
```
#a8a81d
```
#a8a81d rgb(168,168,29)
```
#afb015
```
#afb015 rgb(175,176,21)
```
#b6b80d
```
#b6b80d rgb(182,184,13)
```
#bebf06
```
#bebf06 rgb(190,191,6)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a1a283 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae1f Protanopia 1% of men
#d9a62c Deuteranopia 1% of men
#bfa8b4 Tritanopia 0.001% of the population

Trichromacy

#bcaf1b Protanomaly 1% of men, 0.01% of women
#caa923 Deuteranomaly 6% of men, 0.4% of women
#b9ab7a Tritanomaly 0.01% of the population

#afb015 hex color

#afb015 Color Information

#afb015 Color Conversion

Color Schemes with #afb015

Alternatives to #afb015

#afb015 Preview

Shades and Tints of #afb015

Tones of #afb015

Color Blindness Simulator