#afa304 hex color

In a RGB color space, hex #afa304 is composed of 68.6% red, 63.9% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 6.9% magenta, 97.7% yellow and 31.4% black. It has a hue angle of 55.8 degrees, a saturation of 95.5% and a lightness of 35.1%. #afa304 color hex could be obtained by blending #ffff08 with #5f4700. Closest websafe color is: #999900.

♥
- f
- t
- g
- R 69
- G 64
- B 2
RGB color chart
- C 0
- M 7
- Y 98
- K 31
CMYK color chart

● #afa304 color description : Dark yellow [Olive tone].

The hexadecimal color #afa304 has RGB values of R:175, G:163, B:4 and CMYK values of C:0, M:0.07, Y:0.98, K:0.31. Its decimal value is 11510532.

Hex triplet	afa304	`#afa304`
RGB Decimal	175, 163, 4	`rgb(175,163,4)`
RGB Percent	68.6, 63.9, 1.6	`rgb(68.6%,63.9%,1.6%)`
CMYK	0, 7, 98, 31
HSL	55.8°, 95.5, 35.1	`hsl(55.8,95.5%,35.1%)`
HSV (or HSB)	55.8°, 97.7, 68.6
Web Safe	999900	`#999900`

CIE-LAB	65.995, -10.002, 68.303
XYZ	30.799, 35.318, 5.31
xyY	0.431, 0.494, 35.318
CIE-LCH	65.995, 69.031, 98.331
CIE-LUV	65.995, 13.602, 71.236
Hunter-Lab	59.429, -11.494, 36.303
Binary	10101111, 10100011, 00000100

#afa304
```
#afa304 rgb(175,163,4)
```
#0410af
```
#0410af rgb(4,16,175)
```

Complementary Color

#af4e04
```
#af4e04 rgb(175,78,4)
```
#afa304
```
#afa304 rgb(175,163,4)
```
#66af04
```
#66af04 rgb(102,175,4)
```

Analogous Color

#4e04af
```
#4e04af rgb(78,4,175)
```
#afa304
```
#afa304 rgb(175,163,4)
```
#0466af
```
#0466af rgb(4,102,175)
```

Split Complementary Color

#a304af
```
#a304af rgb(163,4,175)
```
#afa304
```
#afa304 rgb(175,163,4)
```
#04afa3
```
#04afa3 rgb(4,175,163)
```

Triadic Color

#af0410
```
#af0410 rgb(175,4,16)
```
#afa304
```
#afa304 rgb(175,163,4)
```
#04afa3
```
#04afa3 rgb(4,175,163)
```
#0410af
```
#0410af rgb(4,16,175)
```

Tetradic Color

#645d02
```
#645d02 rgb(100,93,2)
```
#7d7503
```
#7d7503 rgb(125,117,3)
```
#968c03
```
#968c03 rgb(150,140,3)
```
#afa304
```
#afa304 rgb(175,163,4)
```
#c8ba05
```
#c8ba05 rgb(200,186,5)
```
#e1d105
```
#e1d105 rgb(225,209,5)
```
#f9e806
```
#f9e806 rgb(249,232,6)
```

Monochromatic Color

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

#af7804
```
#af7804 rgb(175,120,4)
```
#af8704
```
#af8704 rgb(175,135,4)
```
#af9504
```
#af9504 rgb(175,149,4)
```
#afa304
```
#afa304 rgb(175,163,4)
```
#adaf04
```
#adaf04 rgb(173,175,4)
```
#9faf04
```
#9faf04 rgb(159,175,4)
```
#90af04
```
#90af04 rgb(144,175,4)
```

Similar Colors

Text with hexadecimal color #afa304

This text has a font color of #afa304.

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

#afa304 background color

This paragraph has a background color of #afa304.

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

#afa304 border color

This element has a border color of #afa304.

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

CSS codes

.text {color:#afa304;}

.background {background-color:#afa304;}

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

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 #fffdee is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#161400
```
#161400 rgb(22,20,0)
```
#292601
```
#292601 rgb(41,38,1)
```
#3c3801
```
#3c3801 rgb(60,56,1)
```
#4f4a02
```
#4f4a02 rgb(79,74,2)
```
#625c02
```
#625c02 rgb(98,92,2)
```
#756d03
```
#756d03 rgb(117,109,3)
```
#897f03
```
#897f03 rgb(137,127,3)
```
#9c9104
```
#9c9104 rgb(156,145,4)
```
#afa304
```
#afa304 rgb(175,163,4)
```
#c2b504
```
#c2b504 rgb(194,181,4)
```
#d5c705
```
#d5c705 rgb(213,199,5)
```
#e9d905
```
#e9d905 rgb(233,217,5)
```

Shade Color Variation

#f9e808
```
#f9e808 rgb(249,232,8)
```
#faea1b
```
#faea1b rgb(250,234,27)
```
#faec2e
```
#faec2e rgb(250,236,46)
```
#fbee42
```
#fbee42 rgb(251,238,66)
```
#fbef55
```
#fbef55 rgb(251,239,85)
```
#fcf168
```
#fcf168 rgb(252,241,104)
```
#fcf37b
```
#fcf37b rgb(252,243,123)
```
#fcf58e
```
#fcf58e rgb(252,245,142)
```
#fdf6a2
```
#fdf6a2 rgb(253,246,162)
```
#fdf8b5
```
#fdf8b5 rgb(253,248,181)
```
#fefac8
```
#fefac8 rgb(254,250,200)
```
#fefcdb
```
#fefcdb rgb(254,252,219)
```
#fffdee
```
#fffdee rgb(255,253,238)
```

Tint Color Variation

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

#5c5c57
```
#5c5c57 rgb(92,92,87)
```
#636250
```
#636250 rgb(99,98,80)
```
#6a6849
```
#6a6849 rgb(106,104,73)
```
#716e42
```
#716e42 rgb(113,110,66)
```
#78743b
```
#78743b rgb(120,116,59)
```
#7f7a34
```
#7f7a34 rgb(127,122,52)
```
#867f2d
```
#867f2d rgb(134,127,45)
```
#8d8526
```
#8d8526 rgb(141,133,38)
```
#938b20
```
#938b20 rgb(147,139,32)
```
#9a9119
```
#9a9119 rgb(154,145,25)
```
#a19712
```
#a19712 rgb(161,151,18)
```
#a89d0b
```
#a89d0b rgb(168,157,11)
```
#afa304
```
#afa304 rgb(175,163,4)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#999777 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b9a50e Protanopia 1% of men
#ce9d1e Deuteranopia 1% of men
#bd9ca7 Tritanopia 0.001% of the population

Trichromacy

#b5a40a Protanomaly 1% of men, 0.01% of women
#c39f14 Deuteranomaly 6% of men, 0.4% of women
#b89e6c Tritanomaly 0.01% of the population

#afa304 hex color

#afa304 Color Information

#afa304 Color Conversion

Color Schemes with #afa304

Alternatives to #afa304

#afa304 Preview

Shades and Tints of #afa304

Tones of #afa304

Color Blindness Simulator