#afb30f hex color

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

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

● #afb30f color description : Strong yellow.

The hexadecimal color #afb30f has RGB values of R:175, G:179, B:15 and CMYK values of C:0.02, M:0, Y:0.92, K:0.3. Its decimal value is 11514639.

Hex triplet	afb30f	`#afb30f`
RGB Decimal	175, 179, 15	`rgb(175,179,15)`
RGB Percent	68.6, 70.2, 5.9	`rgb(68.6%,70.2%,5.9%)`
CMYK	2, 0, 92, 30
HSL	61.5°, 84.5, 38	`hsl(61.5,84.5%,38%)`
HSV (or HSB)	61.5°, 91.6, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	70.448, -18.082, 70.263
XYZ	33.886, 41.389, 6.656
xyY	0.414, 0.505, 41.389
CIE-LCH	70.448, 72.552, 104.432
CIE-LUV	70.448, 2.799, 76.72
Hunter-Lab	64.334, -18.567, 38.9
Binary	10101111, 10110011, 00001111

#afb30f
```
#afb30f rgb(175,179,15)
```
#130fb3
```
#130fb3 rgb(19,15,179)
```

Complementary Color

#b3650f
```
#b3650f rgb(179,101,15)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#5db30f
```
#5db30f rgb(93,179,15)
```

Analogous Color

#650fb3
```
#650fb3 rgb(101,15,179)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#0f5db3
```
#0f5db3 rgb(15,93,179)
```

Split Complementary Color

#b30faf
```
#b30faf rgb(179,15,175)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#0fafb3
```
#0fafb3 rgb(15,175,179)
```

Triadic Color

#b3130f
```
#b3130f rgb(179,19,15)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#0fafb3
```
#0fafb3 rgb(15,175,179)
```
#130fb3
```
#130fb3 rgb(19,15,179)
```

Tetradic Color

#6a6c09
```
#6a6c09 rgb(106,108,9)
```
#81840b
```
#81840b rgb(129,132,11)
```
#989b0d
```
#989b0d rgb(152,155,13)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#c6cb11
```
#c6cb11 rgb(198,203,17)
```
#dde213
```
#dde213 rgb(221,226,19)
```
#e8ec22
```
#e8ec22 rgb(232,236,34)
```

Monochromatic Color

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

#b38e0f
```
#b38e0f rgb(179,142,15)
```
#b39c0f
```
#b39c0f rgb(179,156,15)
```
#b3a90f
```
#b3a90f rgb(179,169,15)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#a1b30f
```
#a1b30f rgb(161,179,15)
```
#94b30f
```
#94b30f rgb(148,179,15)
```
#86b30f
```
#86b30f rgb(134,179,15)
```

Similar Colors

Text with hexadecimal color #afb30f

This text has a font color of #afb30f.

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

#afb30f background color

This paragraph has a background color of #afb30f.

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

#afb30f border color

This element has a border color of #afb30f.

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

CSS codes

.text {color:#afb30f;}

.background {background-color:#afb30f;}

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

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

#101001
```
#101001 rgb(16,16,1)
```
#212203
```
#212203 rgb(33,34,3)
```
#333404
```
#333404 rgb(51,52,4)
```
#454606
```
#454606 rgb(69,70,6)
```
#575907
```
#575907 rgb(87,89,7)
```
#686b09
```
#686b09 rgb(104,107,9)
```
#7a7d0a
```
#7a7d0a rgb(122,125,10)
```
#8c8f0c
```
#8c8f0c rgb(140,143,12)
```
#9da10d
```
#9da10d rgb(157,161,13)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#c1c511
```
#c1c511 rgb(193,197,17)
```
#d2d712
```
#d2d712 rgb(210,215,18)
```
#e4e914
```
#e4e914 rgb(228,233,20)
```

Shade Color Variation

#e8ed24
```
#e8ed24 rgb(232,237,36)
```
#eaee36
```
#eaee36 rgb(234,238,54)
```
#ecf048
```
#ecf048 rgb(236,240,72)
```
#edf15a
```
#edf15a rgb(237,241,90)
```
#eff36c
```
#eff36c rgb(239,243,108)
```
#f1f47e
```
#f1f47e rgb(241,244,126)
```
#f3f690
```
#f3f690 rgb(243,246,144)
```
#f5f7a3
```
#f5f7a3 rgb(245,247,163)
```
#f7f9b5
```
#f7f9b5 rgb(247,249,181)
```
#f9fac7
```
#f9fac7 rgb(249,250,199)
```
#fbfcd9
```
#fbfcd9 rgb(251,252,217)
```
#fdfdeb
```
#fdfdeb rgb(253,253,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#68685a
```
#68685a rgb(104,104,90)
```
#6f7052
```
#6f7052 rgb(111,112,82)
```
#76774b
```
#76774b rgb(118,119,75)
```
#7d7f43
```
#7d7f43 rgb(125,127,67)
```
#84863c
```
#84863c rgb(132,134,60)
```
#8c8e34
```
#8c8e34 rgb(140,142,52)
```
#93952d
```
#93952d rgb(147,149,45)
```
#9a9d25
```
#9a9d25 rgb(154,157,37)
```
#a1a41e
```
#a1a41e rgb(161,164,30)
```
#a8ac16
```
#a8ac16 rgb(168,172,22)
```
#afb30f
```
#afb30f rgb(175,179,15)
```
#b6ba08
```
#b6ba08 rgb(182,186,8)
```
#bdc200
```
#bdc200 rgb(189,194,0)
```

Tone Color Variation

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

#9f9f9f Achromatopsia 0.005% of the population
#a2a382 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b019 Protanopia 1% of men
#dca829 Deuteranopia 1% of men
#c0aab6 Tritanopia 0.001% of the population

Trichromacy

#bdb115 Protanomaly 1% of men, 0.01% of women
#cbac1f Deuteranomaly 6% of men, 0.4% of women
#b9ad79 Tritanomaly 0.01% of the population

#afb30f hex color

#afb30f Color Information

#afb30f Color Conversion

Color Schemes with #afb30f

Alternatives to #afb30f

#afb30f Preview

Shades and Tints of #afb30f

Tones of #afb30f

Color Blindness Simulator