#afb313 hex color

In a RGB color space, hex #afb313 is composed of 68.6% red, 70.2% green and 7.5% blue. Whereas in a CMYK color space, it is composed of 2.2% cyan, 0% magenta, 89.4% yellow and 29.8% black. It has a hue angle of 61.5 degrees, a saturation of 80.8% and a lightness of 38.8%. #afb313 color hex could be obtained by blending #ffff26 with #5f6700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 70
- B 7
RGB color chart
- C 2
- M 0
- Y 89
- K 30
CMYK color chart

● #afb313 color description : Strong yellow.

The hexadecimal color #afb313 has RGB values of R:175, G:179, B:19 and CMYK values of C:0.02, M:0, Y:0.89, K:0.3. Its decimal value is 11514643.

Hex triplet	afb313	`#afb313`
RGB Decimal	175, 179, 19	`rgb(175,179,19)`
RGB Percent	68.6, 70.2, 7.5	`rgb(68.6%,70.2%,7.5%)`
CMYK	2, 0, 89, 30
HSL	61.5°, 80.8, 38.8	`hsl(61.5,80.8%,38.8%)`
HSV (or HSB)	61.5°, 89.4, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.456, -18.01, 69.632
XYZ	33.917, 41.402, 6.821
xyY	0.413, 0.504, 41.402
CIE-LCH	70.456, 71.924, 104.502
CIE-LUV	70.456, 2.774, 76.348
Hunter-Lab	64.344, -18.512, 38.756
Binary	10101111, 10110011, 00010011

#afb313
```
#afb313 rgb(175,179,19)
```
#1713b3
```
#1713b3 rgb(23,19,179)
```

Complementary Color

#b36713
```
#b36713 rgb(179,103,19)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#5fb313
```
#5fb313 rgb(95,179,19)
```

Analogous Color

#6713b3
```
#6713b3 rgb(103,19,179)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#135fb3
```
#135fb3 rgb(19,95,179)
```

Split Complementary Color

#b313af
```
#b313af rgb(179,19,175)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#13afb3
```
#13afb3 rgb(19,175,179)
```

Triadic Color

#b31713
```
#b31713 rgb(179,23,19)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#13afb3
```
#13afb3 rgb(19,175,179)
```
#1713b3
```
#1713b3 rgb(23,19,179)
```

Tetradic Color

#6b6e0c
```
#6b6e0c rgb(107,110,12)
```
#82850e
```
#82850e rgb(130,133,14)
```
#989c11
```
#989c11 rgb(152,156,17)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#c6ca15
```
#c6ca15 rgb(198,202,21)
```
#dce118
```
#dce118 rgb(220,225,24)
```
#e4e82a
```
#e4e82a rgb(228,232,42)
```

Monochromatic Color

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

#b38f13
```
#b38f13 rgb(179,143,19)
```
#b39c13
```
#b39c13 rgb(179,156,19)
```
#b3aa13
```
#b3aa13 rgb(179,170,19)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#a2b313
```
#a2b313 rgb(162,179,19)
```
#94b313
```
#94b313 rgb(148,179,19)
```
#87b313
```
#87b313 rgb(135,179,19)
```

Similar Colors

Text with hexadecimal color #afb313

This text has a font color of #afb313.

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

#afb313 background color

This paragraph has a background color of #afb313.

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

#afb313 border color

This element has a border color of #afb313.

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

CSS codes

.text {color:#afb313;}

.background {background-color:#afb313;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#131302
```
#131302 rgb(19,19,2)
```
#242504
```
#242504 rgb(36,37,4)
```
#363706
```
#363706 rgb(54,55,6)
```
#474908
```
#474908 rgb(71,73,8)
```
#585a0a
```
#585a0a rgb(88,90,10)
```
#6a6c0b
```
#6a6c0b rgb(106,108,11)
```
#7b7e0d
```
#7b7e0d rgb(123,126,13)
```
#8c900f
```
#8c900f rgb(140,144,15)
```
#9ea111
```
#9ea111 rgb(158,161,17)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#c0c515
```
#c0c515 rgb(192,197,21)
```
#d2d617
```
#d2d617 rgb(210,214,23)
```

Shade Color Variation

#e2e71a
```
#e2e71a rgb(226,231,26)
```
#e4e92c
```
#e4e92c rgb(228,233,44)
```
#e6ea3e
```
#e6ea3e rgb(230,234,62)
```
#e8ec4f
```
#e8ec4f rgb(232,236,79)
```
#ebee61
```
#ebee61 rgb(235,238,97)
```
#edf073
```
#edf073 rgb(237,240,115)
```
#eff285
```
#eff285 rgb(239,242,133)
```
#f2f496
```
#f2f496 rgb(242,244,150)
```
#f4f6a8
```
#f4f6a8 rgb(244,246,168)
```
#f6f8ba
```
#f6f8ba rgb(246,248,186)
```
#f8facb
```
#f8facb rgb(248,250,203)
```
#fbfbdd
```
#fbfbdd rgb(251,251,221)
```
#fdfdef
```
#fdfdef rgb(253,253,239)
```

Tint Color Variation

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

#67675f
```
#67675f rgb(103,103,95)
```
#6e6e58
```
#6e6e58 rgb(110,110,88)
```
#757650
```
#757650 rgb(117,118,80)
```
#7c7e48
```
#7c7e48 rgb(124,126,72)
```
#848541
```
#848541 rgb(132,133,65)
```
#8b8d39
```
#8b8d39 rgb(139,141,57)
```
#929531
```
#929531 rgb(146,149,49)
```
#999c2a
```
#999c2a rgb(153,156,42)
```
#a1a422
```
#a1a422 rgb(161,164,34)
```
#a8ab1b
```
#a8ab1b rgb(168,171,27)
```
#afb313
```
#afb313 rgb(175,179,19)
```
#b6bb0b
```
#b6bb0b rgb(182,187,11)
```
#bdc204
```
#bdc204 rgb(189,194,4)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#a3a484 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b01d Protanopia 1% of men
#dca82b Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

#bdb119 Protanomaly 1% of men, 0.01% of women
#cbac22 Deuteranomaly 6% of men, 0.4% of women
#b9ad7b Tritanomaly 0.01% of the population

#afb313 hex color

#afb313 Color Information

#afb313 Color Conversion

Color Schemes with #afb313

Alternatives to #afb313

#afb313 Preview

Shades and Tints of #afb313

Tones of #afb313

Color Blindness Simulator