#afbf18 hex color

In a RGB color space, hex #afbf18 is composed of 68.6% red, 74.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 8.4% cyan, 0% magenta, 87.4% yellow and 25.1% black. It has a hue angle of 65.7 degrees, a saturation of 77.7% and a lightness of 42.2%. #afbf18 color hex could be obtained by blending #ffff30 with #5f7f00. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 69
- G 75
- B 9
RGB color chart
- C 8
- M 0
- Y 87
- K 25
CMYK color chart

● #afbf18 color description : Strong yellow.

The hexadecimal color #afbf18 has RGB values of R:175, G:191, B:24 and CMYK values of C:0.08, M:0, Y:0.87, K:0.25. Its decimal value is 11517720.

Hex triplet	afbf18	`#afbf18`
RGB Decimal	175, 191, 24	`rgb(175,191,24)`
RGB Percent	68.6, 74.9, 9.4	`rgb(68.6%,74.9%,9.4%)`
CMYK	8, 0, 87, 25
HSL	65.7°, 77.7, 42.2	`hsl(65.7,77.7%,42.2%)`
HSV (or HSB)	65.7°, 87.4, 74.9
Web Safe	99cc00	`#99cc00`

CIE-LAB	73.831, -23.857, 71.441
XYZ	36.475, 46.442, 7.907
xyY	0.402, 0.511, 46.442
CIE-LCH	73.831, 75.319, 108.466
CIE-LUV	73.831, -4.858, 80.568
Hunter-Lab	68.148, -23.721, 40.825
Binary	10101111, 10111111, 00011000

#afbf18
```
#afbf18 rgb(175,191,24)
```
#2818bf
```
#2818bf rgb(40,24,191)
```

Complementary Color

#bf7c18
```
#bf7c18 rgb(191,124,24)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#5cbf18
```
#5cbf18 rgb(92,191,24)
```

Analogous Color

#7c18bf
```
#7c18bf rgb(124,24,191)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#185cbf
```
#185cbf rgb(24,92,191)
```

Split Complementary Color

#bf18af
```
#bf18af rgb(191,24,175)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#18afbf
```
#18afbf rgb(24,175,191)
```

Triadic Color

#bf2818
```
#bf2818 rgb(191,40,24)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#18afbf
```
#18afbf rgb(24,175,191)
```
#2818bf
```
#2818bf rgb(40,24,191)
```

Tetradic Color

#717b0f
```
#717b0f rgb(113,123,15)
```
#859212
```
#859212 rgb(133,146,18)
```
#9aa815
```
#9aa815 rgb(154,168,21)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#c4d61b
```
#c4d61b rgb(196,214,27)
```
#d2e426
```
#d2e426 rgb(210,228,38)
```
#d6e73d
```
#d6e73d rgb(214,231,61)
```

Monochromatic Color

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

#bfa518
```
#bfa518 rgb(191,165,24)
```
#bfb318
```
#bfb318 rgb(191,179,24)
```
#bdbf18
```
#bdbf18 rgb(189,191,24)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#a1bf18
```
#a1bf18 rgb(161,191,24)
```
#93bf18
```
#93bf18 rgb(147,191,24)
```
#85bf18
```
#85bf18 rgb(133,191,24)
```

Similar Colors

Text with hexadecimal color #afbf18

This text has a font color of #afbf18.

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

#afbf18 background color

This paragraph has a background color of #afbf18.

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

#afbf18 border color

This element has a border color of #afbf18.

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

CSS codes

.text {color:#afbf18;}

.background {background-color:#afbf18;}

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

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, #0f1102 is the darkest color, while #fffffe is the lightest one.

#0f1102
```
#0f1102 rgb(15,17,2)
```
#1f2204
```
#1f2204 rgb(31,34,4)
```
#2f3406
```
#2f3406 rgb(47,52,6)
```
#3f4509
```
#3f4509 rgb(63,69,9)
```
#4f560b
```
#4f560b rgb(79,86,11)
```
#5f680d
```
#5f680d rgb(95,104,13)
```
#6f790f
```
#6f790f rgb(111,121,15)
```
#7f8b11
```
#7f8b11 rgb(127,139,17)
```
#8f9c14
```
#8f9c14 rgb(143,156,20)
```
#9fae16
```
#9fae16 rgb(159,174,22)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#bfd01a
```
#bfd01a rgb(191,208,26)
```
#cfe21c
```
#cfe21c rgb(207,226,28)
```

Shade Color Variation

#d3e52d
```
#d3e52d rgb(211,229,45)
```
#d7e73f
```
#d7e73f rgb(215,231,63)
```
#dae950
```
#dae950 rgb(218,233,80)
```
#deeb61
```
#deeb61 rgb(222,235,97)
```
#e2ed73
```
#e2ed73 rgb(226,237,115)
```
#e5f084
```
#e5f084 rgb(229,240,132)
```
#e9f296
```
#e9f296 rgb(233,242,150)
```
#edf4a7
```
#edf4a7 rgb(237,244,167)
```
#f0f6b9
```
#f0f6b9 rgb(240,246,185)
```
#f4f8ca
```
#f4f8ca rgb(244,248,202)
```
#f8fbdb
```
#f8fbdb rgb(248,251,219)
```
#fbfded
```
#fbfded rgb(251,253,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#6c6c6b
```
#6c6c6b rgb(108,108,107)
```
#737562
```
#737562 rgb(115,117,98)
```
#7a7d5a
```
#7a7d5a rgb(122,125,90)
```
#808552
```
#808552 rgb(128,133,82)
```
#878d4a
```
#878d4a rgb(135,141,74)
```
#8e9641
```
#8e9641 rgb(142,150,65)
```
#949e39
```
#949e39 rgb(148,158,57)
```
#9ba631
```
#9ba631 rgb(155,166,49)
```
#a2ae29
```
#a2ae29 rgb(162,174,41)
```
#a8b720
```
#a8b720 rgb(168,183,32)
```
#afbf18
```
#afbf18 rgb(175,191,24)
```
#b6c710
```
#b6c710 rgb(182,199,16)
```
#bcd007
```
#bcd007 rgb(188,208,7)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9ac8a Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb921 Protanopia 1% of men
#e6b031 Deuteranopia 1% of men
#c1b5c2 Tritanopia 0.001% of the population

Trichromacy

#c3bb1d Protanomaly 1% of men, 0.01% of women
#d2b528 Deuteranomaly 6% of men, 0.4% of women
#bbb884 Tritanomaly 0.01% of the population

#afbf18 hex color

#afbf18 Color Information

#afbf18 Color Conversion

Color Schemes with #afbf18

Alternatives to #afbf18

#afbf18 Preview

Shades and Tints of #afbf18

Tones of #afbf18

Color Blindness Simulator