#af3104 hex color

In a RGB color space, hex #af3104 is composed of 68.6% red, 19.2% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72% magenta, 97.7% yellow and 31.4% black. It has a hue angle of 15.8 degrees, a saturation of 95.5% and a lightness of 35.1%. #af3104 color hex could be obtained by blending #ff6208 with #5f0000. Closest websafe color is: #993300.

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

● #af3104 color description : Dark orange [Brown tone].

The hexadecimal color #af3104 has RGB values of R:175, G:49, B:4 and CMYK values of C:0, M:0.72, Y:0.98, K:0.31. Its decimal value is 11481348.

Hex triplet	af3104	`#af3104`
RGB Decimal	175, 49, 4	`rgb(175,49,4)`
RGB Percent	68.6, 19.2, 1.6	`rgb(68.6%,19.2%,1.6%)`
CMYK	0, 72, 98, 31
HSL	15.8°, 95.5, 35.1	`hsl(15.8,95.5%,35.1%)`
HSV (or HSB)	15.8°, 97.7, 68.6
Web Safe	993300	`#993300`

CIE-LAB	40.117, 49.443, 50.922
XYZ	18.8, 11.322, 1.31
xyY	0.598, 0.36, 11.322
CIE-LCH	40.117, 70.976, 45.845
CIE-LUV	40.117, 100.5, 31.726
Hunter-Lab	33.648, 40.852, 21.245
Binary	10101111, 00110001, 00000100

#af3104
```
#af3104 rgb(175,49,4)
```
#0482af
```
#0482af rgb(4,130,175)
```

Complementary Color

#af042c
```
#af042c rgb(175,4,44)
```
#af3104
```
#af3104 rgb(175,49,4)
```
#af8704
```
#af8704 rgb(175,135,4)
```

Analogous Color

#042daf
```
#042daf rgb(4,45,175)
```
#af3104
```
#af3104 rgb(175,49,4)
```
#04af87
```
#04af87 rgb(4,175,135)
```

Split Complementary Color

#3104af
```
#3104af rgb(49,4,175)
```
#af3104
```
#af3104 rgb(175,49,4)
```
#04af31
```
#04af31 rgb(4,175,49)
```

Triadic Color

#af0482
```
#af0482 rgb(175,4,130)
```
#af3104
```
#af3104 rgb(175,49,4)
```
#04af31
```
#04af31 rgb(4,175,49)
```
#0482af
```
#0482af rgb(4,130,175)
```

Tetradic Color

#641c02
```
#641c02 rgb(100,28,2)
```
#7d2303
```
#7d2303 rgb(125,35,3)
```
#962a03
```
#962a03 rgb(150,42,3)
```
#af3104
```
#af3104 rgb(175,49,4)
```
#c83805
```
#c83805 rgb(200,56,5)
```
#e13f05
```
#e13f05 rgb(225,63,5)
```
#f94606
```
#f94606 rgb(249,70,6)
```

Monochromatic Color

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

#af0604
```
#af0604 rgb(175,6,4)
```
#af1504
```
#af1504 rgb(175,21,4)
```
#af2304
```
#af2304 rgb(175,35,4)
```
#af3104
```
#af3104 rgb(175,49,4)
```
#af3f04
```
#af3f04 rgb(175,63,4)
```
#af4e04
```
#af4e04 rgb(175,78,4)
```
#af5c04
```
#af5c04 rgb(175,92,4)
```

Similar Colors

Text with hexadecimal color #af3104

This text has a font color of #af3104.

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

#af3104 background color

This paragraph has a background color of #af3104.

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

#af3104 border color

This element has a border color of #af3104.

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

CSS codes

.text {color:#af3104;}

.background {background-color:#af3104;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#160600
```
#160600 rgb(22,6,0)
```
#290b01
```
#290b01 rgb(41,11,1)
```
#3c1101
```
#3c1101 rgb(60,17,1)
```
#4f1602
```
#4f1602 rgb(79,22,2)
```
#621c02
```
#621c02 rgb(98,28,2)
```
#752103
```
#752103 rgb(117,33,3)
```
#892603
```
#892603 rgb(137,38,3)
```
#9c2c04
```
#9c2c04 rgb(156,44,4)
```
#af3104
```
#af3104 rgb(175,49,4)
```
#c23604
```
#c23604 rgb(194,54,4)
```
#d53c05
```
#d53c05 rgb(213,60,5)
```
#e94105
```
#e94105 rgb(233,65,5)
```

Shade Color Variation

#f94808
```
#f94808 rgb(249,72,8)
```
#fa561b
```
#fa561b rgb(250,86,27)
```
#fa642e
```
#fa642e rgb(250,100,46)
```
#fb7242
```
#fb7242 rgb(251,114,66)
```
#fb8155
```
#fb8155 rgb(251,129,85)
```
#fc8f68
```
#fc8f68 rgb(252,143,104)
```
#fc9d7b
```
#fc9d7b rgb(252,157,123)
```
#fcab8e
```
#fcab8e rgb(252,171,142)
```
#fdbaa2
```
#fdbaa2 rgb(253,186,162)
```
#fdc8b5
```
#fdc8b5 rgb(253,200,181)
```
#fed6c8
```
#fed6c8 rgb(254,214,200)
```
#fee4db
```
#fee4db rgb(254,228,219)
```
#fff3ee
```
#fff3ee rgb(255,243,238)
```

Tint Color Variation

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

#5c5857
```
#5c5857 rgb(92,88,87)
```
#635550
```
#635550 rgb(99,85,80)
```
#6a5249
```
#6a5249 rgb(106,82,73)
```
#714e42
```
#714e42 rgb(113,78,66)
```
#784b3b
```
#784b3b rgb(120,75,59)
```
#7f4834
```
#7f4834 rgb(127,72,52)
```
#86452d
```
#86452d rgb(134,69,45)
```
#8d4126
```
#8d4126 rgb(141,65,38)
```
#933e20
```
#933e20 rgb(147,62,32)
```
#9a3b19
```
#9a3b19 rgb(154,59,25)
```
#a13812
```
#a13812 rgb(161,56,18)
```
#a8340b
```
#a8340b rgb(168,52,11)
```
#af3104
```
#af3104 rgb(175,49,4)
```

Tone Color Variation

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

#525252 Achromatopsia 0.005% of the population
#654b42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#73671b Protanopia 1% of men
#806200 Deuteranopia 1% of men
#b4383a Tritanopia 0.001% of the population

Trichromacy

#885312 Protanomaly 1% of men, 0.01% of women
#915001 Deuteranomaly 6% of men, 0.4% of women
#b23526 Tritanomaly 0.01% of the population

#af3104 hex color

#af3104 Color Information

#af3104 Color Conversion

Color Schemes with #af3104

Alternatives to #af3104

#af3104 Preview

Shades and Tints of #af3104

Tones of #af3104

Color Blindness Simulator