#afba30 hex color

In a RGB color space, hex #afba30 is composed of 68.6% red, 72.9% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 5.9% cyan, 0% magenta, 74.2% yellow and 27.1% black. It has a hue angle of 64.8 degrees, a saturation of 59% and a lightness of 45.9%. #afba30 color hex could be obtained by blending #ffff60 with #5f7500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 73
- B 19
RGB color chart
- C 6
- M 0
- Y 74
- K 27
CMYK color chart

● #afba30 color description : Moderate yellow.

The hexadecimal color #afba30 has RGB values of R:175, G:186, B:48 and CMYK values of C:0.06, M:0, Y:0.74, K:0.27. Its decimal value is 11516464.

Hex triplet	afba30	`#afba30`
RGB Decimal	175, 186, 48	`rgb(175,186,48)`
RGB Percent	68.6, 72.9, 18.8	`rgb(68.6%,72.9%,18.8%)`
CMYK	6, 0, 74, 27
HSL	64.8°, 59, 45.9	`hsl(64.8,59%,45.9%)`
HSV (or HSB)	64.8°, 74.2, 72.9
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.525, -20.578, 63.953
XYZ	35.771, 44.445, 9.491
xyY	0.399, 0.495, 44.445
CIE-LCH	72.525, 67.182, 107.836
CIE-LUV	72.525, -1.961, 74.415
Hunter-Lab	66.667, -20.891, 38.227
Binary	10101111, 10111010, 00110000

#afba30
```
#afba30 rgb(175,186,48)
```
#3b30ba
```
#3b30ba rgb(59,48,186)
```

Complementary Color

#ba8030
```
#ba8030 rgb(186,128,48)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#6aba30
```
#6aba30 rgb(106,186,48)
```

Analogous Color

#8030ba
```
#8030ba rgb(128,48,186)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#306aba
```
#306aba rgb(48,106,186)
```

Split Complementary Color

#ba30af
```
#ba30af rgb(186,48,175)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#30afba
```
#30afba rgb(48,175,186)
```

Triadic Color

#ba3b30
```
#ba3b30 rgb(186,59,48)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#30afba
```
#30afba rgb(48,175,186)
```
#3b30ba
```
#3b30ba rgb(59,48,186)
```

Tetradic Color

#767d20
```
#767d20 rgb(118,125,32)
```
#899126
```
#899126 rgb(137,145,38)
```
#9ca62b
```
#9ca62b rgb(156,166,43)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#c0cc38
```
#c0cc38 rgb(192,204,56)
```
#c6d14c
```
#c6d14c rgb(198,209,76)
```
#cdd660
```
#cdd660 rgb(205,214,96)
```

Monochromatic Color

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

#baa330
```
#baa330 rgb(186,163,48)
```
#baae30
```
#baae30 rgb(186,174,48)
```
#baba30
```
#baba30 rgb(186,186,48)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#a4ba30
```
#a4ba30 rgb(164,186,48)
```
#98ba30
```
#98ba30 rgb(152,186,48)
```
#8dba30
```
#8dba30 rgb(141,186,48)
```

Similar Colors

Text with hexadecimal color #afba30

This text has a font color of #afba30.

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

#afba30 background color

This paragraph has a background color of #afba30.

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

#afba30 border color

This element has a border color of #afba30.

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

CSS codes

.text {color:#afba30;}

.background {background-color:#afba30;}

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

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

#0e0e04
```
#0e0e04 rgb(14,14,4)
```
#1c1e08
```
#1c1e08 rgb(28,30,8)
```
#2b2e0c
```
#2b2e0c rgb(43,46,12)
```
#3a3d10
```
#3a3d10 rgb(58,61,16)
```
#484d14
```
#484d14 rgb(72,77,20)
```
#575c18
```
#575c18 rgb(87,92,24)
```
#666c1c
```
#666c1c rgb(102,108,28)
```
#747c20
```
#747c20 rgb(116,124,32)
```
#838b24
```
#838b24 rgb(131,139,36)
```
#929b28
```
#929b28 rgb(146,155,40)
```
#a0aa2c
```
#a0aa2c rgb(160,170,44)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#beca34
```
#beca34 rgb(190,202,52)
```

Shade Color Variation

#c3ce43
```
#c3ce43 rgb(195,206,67)
```
#c8d252
```
#c8d252 rgb(200,210,82)
```
#cdd662
```
#cdd662 rgb(205,214,98)
```
#d2db72
```
#d2db72 rgb(210,219,114)
```
#d7df81
```
#d7df81 rgb(215,223,129)
```
#dce391
```
#dce391 rgb(220,227,145)
```
#e1e7a0
```
#e1e7a0 rgb(225,231,160)
```
#e6ebb0
```
#e6ebb0 rgb(230,235,176)
```
#ebefc0
```
#ebefc0 rgb(235,239,192)
```
#f0f3cf
```
#f0f3cf rgb(240,243,207)
```
#f5f7df
```
#f5f7df rgb(245,247,223)
```
#fafbee
```
#fafbee rgb(250,251,238)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#7a7b6f
```
#7a7b6f rgb(122,123,111)
```
#828466
```
#828466 rgb(130,132,102)
```
#898d5d
```
#898d5d rgb(137,141,93)
```
#919654
```
#919654 rgb(145,150,84)
```
#989f4b
```
#989f4b rgb(152,159,75)
```
#a0a842
```
#a0a842 rgb(160,168,66)
```
#a7b139
```
#a7b139 rgb(167,177,57)
```
#afba30
```
#afba30 rgb(175,186,48)
```
#b7c327
```
#b7c327 rgb(183,195,39)
```
#becc1e
```
#becc1e rgb(190,204,30)
```
#c6d515
```
#c6d515 rgb(198,213,21)
```
#cdde0c
```
#cdde0c rgb(205,222,12)
```
#d5e703
```
#d5e703 rgb(213,231,3)
```

Tone Color Variation

Below, you can see how #afba30 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
#a9ab8f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cbb638 Protanopia 1% of men
#e1ad42 Deuteranopia 1% of men
#c0b1be Tritanopia 0.001% of the population

Trichromacy

#c0b735 Protanomaly 1% of men, 0.01% of women
#cfb13b Deuteranomaly 6% of men, 0.4% of women
#bab48a Tritanomaly 0.01% of the population

#afba30 hex color

#afba30 Color Information

#afba30 Color Conversion

Color Schemes with #afba30

Alternatives to #afba30

#afba30 Preview

Shades and Tints of #afba30

Tones of #afba30

Color Blindness Simulator