#afb414 hex color

In a RGB color space, hex #afb414 is composed of 68.6% red, 70.6% green and 7.8% blue. Whereas in a CMYK color space, it is composed of 2.8% cyan, 0% magenta, 88.9% yellow and 29.4% black. It has a hue angle of 61.9 degrees, a saturation of 80% and a lightness of 39.2%. #afb414 color hex could be obtained by blending #ffff28 with #5f6900. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 71
- B 8
RGB color chart
- C 3
- M 0
- Y 89
- K 29
CMYK color chart

● #afb414 color description : Strong yellow.

The hexadecimal color #afb414 has RGB values of R:175, G:180, B:20 and CMYK values of C:0.03, M:0, Y:0.89, K:0.29. Its decimal value is 11514900.

Hex triplet	afb414	`#afb414`
RGB Decimal	175, 180, 20	`rgb(175,180,20)`
RGB Percent	68.6, 70.6, 7.8	`rgb(68.6%,70.6%,7.8%)`
CMYK	3, 0, 89, 29
HSL	61.9°, 80, 39.2	`hsl(61.9,80%,39.2%)`
HSV (or HSB)	61.9°, 88.9, 70.6
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.738, -18.494, 69.682
XYZ	34.127, 41.807, 6.934
xyY	0.412, 0.505, 41.807
CIE-LCH	70.738, 72.094, 104.864
CIE-LUV	70.738, 2.12, 76.641
Hunter-Lab	64.659, -18.941, 38.903
Binary	10101111, 10110100, 00010100

#afb414
```
#afb414 rgb(175,180,20)
```
#1914b4
```
#1914b4 rgb(25,20,180)
```

Complementary Color

#b46914
```
#b46914 rgb(180,105,20)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#5fb414
```
#5fb414 rgb(95,180,20)
```

Analogous Color

#6914b4
```
#6914b4 rgb(105,20,180)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#145fb4
```
#145fb4 rgb(20,95,180)
```

Split Complementary Color

#b414af
```
#b414af rgb(180,20,175)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#14afb4
```
#14afb4 rgb(20,175,180)
```

Triadic Color

#b41914
```
#b41914 rgb(180,25,20)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#14afb4
```
#14afb4 rgb(20,175,180)
```
#1914b4
```
#1914b4 rgb(25,20,180)
```

Tetradic Color

#6c6f0c
```
#6c6f0c rgb(108,111,12)
```
#82860f
```
#82860f rgb(130,134,15)
```
#999d11
```
#999d11 rgb(153,157,17)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#c5cb17
```
#c5cb17 rgb(197,203,23)
```
#dce219
```
#dce219 rgb(220,226,25)
```
#e2e82d
```
#e2e82d rgb(226,232,45)
```

Monochromatic Color

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

#b49114
```
#b49114 rgb(180,145,20)
```
#b49e14
```
#b49e14 rgb(180,158,20)
```
#b4ac14
```
#b4ac14 rgb(180,172,20)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#a2b414
```
#a2b414 rgb(162,180,20)
```
#94b414
```
#94b414 rgb(148,180,20)
```
#87b414
```
#87b414 rgb(135,180,20)
```

Similar Colors

Text with hexadecimal color #afb414

This text has a font color of #afb414.

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

#afb414 background color

This paragraph has a background color of #afb414.

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

#afb414 border color

This element has a border color of #afb414.

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

CSS codes

.text {color:#afb414;}

.background {background-color:#afb414;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#151502
```
#151502 rgb(21,21,2)
```
#262704
```
#262704 rgb(38,39,4)
```
#373806
```
#373806 rgb(55,56,6)
```
#484a08
```
#484a08 rgb(72,74,8)
```
#595c0a
```
#595c0a rgb(89,92,10)
```
#6a6d0c
```
#6a6d0c rgb(106,109,12)
```
#7c7f0e
```
#7c7f0e rgb(124,127,14)
```
#8d9110
```
#8d9110 rgb(141,145,16)
```
#9ea212
```
#9ea212 rgb(158,162,18)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#c0c616
```
#c0c616 rgb(192,198,22)
```
#d1d718
```
#d1d718 rgb(209,215,24)
```

Shade Color Variation

#e0e61d
```
#e0e61d rgb(224,230,29)
```
#e2e82f
```
#e2e82f rgb(226,232,47)
```
#e5ea40
```
#e5ea40 rgb(229,234,64)
```
#e7ec52
```
#e7ec52 rgb(231,236,82)
```
#e9ee64
```
#e9ee64 rgb(233,238,100)
```
#ecf075
```
#ecf075 rgb(236,240,117)
```
#eef287
```
#eef287 rgb(238,242,135)
```
#f1f499
```
#f1f499 rgb(241,244,153)
```
#f3f6aa
```
#f3f6aa rgb(243,246,170)
```
#f6f8bc
```
#f6f8bc rgb(246,248,188)
```
#f8face
```
#f8face rgb(248,250,206)
```
#fbfbdf
```
#fbfbdf rgb(251,251,223)
```
#fdfdf1
```
#fdfdf1 rgb(253,253,241)
```

Tint Color Variation

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

#676761
```
#676761 rgb(103,103,97)
```
#6e6f59
```
#6e6f59 rgb(110,111,89)
```
#757652
```
#757652 rgb(117,118,82)
```
#7d7e4a
```
#7d7e4a rgb(125,126,74)
```
#848642
```
#848642 rgb(132,134,66)
```
#8b8e3a
```
#8b8e3a rgb(139,142,58)
```
#929533
```
#929533 rgb(146,149,51)
```
#999d2b
```
#999d2b rgb(153,157,43)
```
#a1a523
```
#a1a523 rgb(161,165,35)
```
#a8ac1c
```
#a8ac1c rgb(168,172,28)
```
#afb414
```
#afb414 rgb(175,180,20)
```
#b6bc0c
```
#b6bc0c rgb(182,188,12)
```
#bdc305
```
#bdc305 rgb(189,195,5)
```

Tone Color Variation

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

#c6b11e Protanopia 1% of men
#dda82c Deuteranopia 1% of men
#c0abb7 Tritanopia 0.001% of the population

Trichromacy

#beb21a Protanomaly 1% of men, 0.01% of women
#ccac23 Deuteranomaly 6% of men, 0.4% of women
#b9ae7c Tritanomaly 0.01% of the population

#afb414 hex color

#afb414 Color Information

#afb414 Color Conversion

Color Schemes with #afb414

Alternatives to #afb414

#afb414 Preview

Shades and Tints of #afb414

Tones of #afb414

Color Blindness Simulator