#afb107 hex color

In a RGB color space, hex #afb107 is composed of 68.6% red, 69.4% green and 2.7% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 96% yellow and 30.6% black. It has a hue angle of 60.7 degrees, a saturation of 92.4% and a lightness of 36.1%. #afb107 color hex could be obtained by blending #ffff0e with #5f6300. Closest websafe color is: #999900.

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

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

The hexadecimal color #afb107 has RGB values of R:175, G:177, B:7 and CMYK values of C:0.01, M:0, Y:0.96, K:0.31. Its decimal value is 11514119.

Hex triplet	afb107	`#afb107`
RGB Decimal	175, 177, 7	`rgb(175,177,7)`
RGB Percent	68.6, 69.4, 2.7	`rgb(68.6%,69.4%,2.7%)`
CMYK	1, 0, 96, 31
HSL	60.7°, 92.4, 36.1	`hsl(60.7,92.4%,36.1%)`
HSV (or HSB)	60.7°, 96, 69.4
Web Safe	999900	`#999900`

CIE-LAB	69.877, -17.182, 70.826
XYZ	33.44, 40.574, 6.271
xyY	0.417, 0.505, 40.574
CIE-LCH	69.877, 72.88, 103.636
CIE-LUV	69.877, 4.143, 76.508
Hunter-Lab	63.698, -17.763, 38.751
Binary	10101111, 10110001, 00000111

#afb107
```
#afb107 rgb(175,177,7)
```
#0907b1
```
#0907b1 rgb(9,7,177)
```

Complementary Color

#b15e07
```
#b15e07 rgb(177,94,7)
```
#afb107
```
#afb107 rgb(175,177,7)
```
#5ab107
```
#5ab107 rgb(90,177,7)
```

Analogous Color

#5e07b1
```
#5e07b1 rgb(94,7,177)
```
#afb107
```
#afb107 rgb(175,177,7)
```
#075ab1
```
#075ab1 rgb(7,90,177)
```

Split Complementary Color

#b107af
```
#b107af rgb(177,7,175)
```
#afb107
```
#afb107 rgb(175,177,7)
```
#07afb1
```
#07afb1 rgb(7,175,177)
```

Triadic Color

#b10907
```
#b10907 rgb(177,9,7)
```
#afb107
```
#afb107 rgb(175,177,7)
```
#07afb1
```
#07afb1 rgb(7,175,177)
```
#0907b1
```
#0907b1 rgb(9,7,177)
```

Tetradic Color

#666704
```
#666704 rgb(102,103,4)
```
#7e8005
```
#7e8005 rgb(126,128,5)
```
#979806
```
#979806 rgb(151,152,6)
```
#afb107
```
#afb107 rgb(175,177,7)
```
#c7ca08
```
#c7ca08 rgb(199,202,8)
```
#e0e209
```
#e0e209 rgb(224,226,9)
```
#f3f60f
```
#f3f60f rgb(243,246,15)
```

Monochromatic Color

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

#b18907
```
#b18907 rgb(177,137,7)
```
#b19707
```
#b19707 rgb(177,151,7)
```
#b1a507
```
#b1a507 rgb(177,165,7)
```
#afb107
```
#afb107 rgb(175,177,7)
```
#a1b107
```
#a1b107 rgb(161,177,7)
```
#93b107
```
#93b107 rgb(147,177,7)
```
#85b107
```
#85b107 rgb(133,177,7)
```

Similar Colors

Text with hexadecimal color #afb107

This text has a font color of #afb107.

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

#afb107 background color

This paragraph has a background color of #afb107.

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

#afb107 border color

This element has a border color of #afb107.

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

CSS codes

.text {color:#afb107;}

.background {background-color:#afb107;}

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

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

#070700
```
#070700 rgb(7,7,0)
```
#1a1a01
```
#1a1a01 rgb(26,26,1)
```
#2c2d02
```
#2c2d02 rgb(44,45,2)
```
#3f4003
```
#3f4003 rgb(63,64,3)
```
#525303
```
#525303 rgb(82,83,3)
```
#646604
```
#646604 rgb(100,102,4)
```
#777805
```
#777805 rgb(119,120,5)
```
#8a8b06
```
#8a8b06 rgb(138,139,6)
```
#9c9e06
```
#9c9e06 rgb(156,158,6)
```
#afb107
```
#afb107 rgb(175,177,7)
```
#c2c408
```
#c2c408 rgb(194,196,8)
```
#d4d708
```
#d4d708 rgb(212,215,8)
```
#e7ea09
```
#e7ea09 rgb(231,234,9)
```

Shade Color Variation

#f3f611
```
#f3f611 rgb(243,246,17)
```
#f4f624
```
#f4f624 rgb(244,246,36)
```
#f5f737
```
#f5f737 rgb(245,247,55)
```
#f6f849
```
#f6f849 rgb(246,248,73)
```
#f7f95c
```
#f7f95c rgb(247,249,92)
```
#f8f96f
```
#f8f96f rgb(248,249,111)
```
#f9fa82
```
#f9fa82 rgb(249,250,130)
```
#fafb95
```
#fafb95 rgb(250,251,149)
```
#fbfca8
```
#fbfca8 rgb(251,252,168)
```
#fcfcbb
```
#fcfcbb rgb(252,252,187)
```
#fcfdce
```
#fcfdce rgb(252,253,206)
```
#fdfee0
```
#fdfee0 rgb(253,254,224)
```
#fefff3
```
#fefff3 rgb(254,255,243)
```

Tint Color Variation

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

#5c5c5c
```
#5c5c5c rgb(92,92,92)
```
#636355
```
#636355 rgb(99,99,85)
```
#6a6a4e
```
#6a6a4e rgb(106,106,78)
```
#717147
```
#717147 rgb(113,113,71)
```
#787840
```
#787840 rgb(120,120,64)
```
#7f7f39
```
#7f7f39 rgb(127,127,57)
```
#868731
```
#868731 rgb(134,135,49)
```
#8c8e2a
```
#8c8e2a rgb(140,142,42)
```
#939523
```
#939523 rgb(147,149,35)
```
#9a9c1c
```
#9a9c1c rgb(154,156,28)
```
#a1a315
```
#a1a315 rgb(161,163,21)
```
#a8aa0e
```
#a8aa0e rgb(168,170,14)
```
#afb107
```
#afb107 rgb(175,177,7)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a1a17f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4af10 Protanopia 1% of men
#daa625 Deuteranopia 1% of men
#bfa9b4 Tritanopia 0.001% of the population

Trichromacy

#bcb00d Protanomaly 1% of men, 0.01% of women
#caaa1a Deuteranomaly 6% of men, 0.4% of women
#b9ab75 Tritanomaly 0.01% of the population

#afb107 hex color

#afb107 Color Information

#afb107 Color Conversion

Color Schemes with #afb107

Alternatives to #afb107

#afb107 Preview

Shades and Tints of #afb107

Tones of #afb107

Color Blindness Simulator