#af3f0d hex color

In a RGB color space, hex #af3f0d is composed of 68.6% red, 24.7% green and 5.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 64% magenta, 92.6% yellow and 31.4% black. It has a hue angle of 18.5 degrees, a saturation of 86.2% and a lightness of 36.9%. #af3f0d color hex could be obtained by blending #ff7e1a with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 25
- B 5
RGB color chart
- C 0
- M 64
- Y 93
- K 31
CMYK color chart

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

The hexadecimal color #af3f0d has RGB values of R:175, G:63, B:13 and CMYK values of C:0, M:0.64, Y:0.93, K:0.31. Its decimal value is 11484941.

Hex triplet	af3f0d	`#af3f0d`
RGB Decimal	175, 63, 13	`rgb(175,63,13)`
RGB Percent	68.6, 24.7, 5.1	`rgb(68.6%,24.7%,5.1%)`
CMYK	0, 64, 93, 31
HSL	18.5°, 86.2, 36.9	`hsl(18.5,86.2%,36.9%)`
HSV (or HSB)	18.5°, 92.6, 68.6
Web Safe	993300	`#993300`

CIE-LAB	42.308, 43.721, 49.547
XYZ	19.53, 12.7, 1.804
xyY	0.574, 0.373, 12.7
CIE-LCH	42.308, 66.079, 48.575
CIE-LUV	42.308, 90.621, 34.212
Hunter-Lab	35.637, 35.458, 21.945
Binary	10101111, 00111111, 00001101

#af3f0d
```
#af3f0d rgb(175,63,13)
```
#0d7daf
```
#0d7daf rgb(13,125,175)
```

Complementary Color

#af0d2c
```
#af0d2c rgb(175,13,44)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#af900d
```
#af900d rgb(175,144,13)
```

Analogous Color

#0d2caf
```
#0d2caf rgb(13,44,175)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#0daf90
```
#0daf90 rgb(13,175,144)
```

Split Complementary Color

#3f0daf
```
#3f0daf rgb(63,13,175)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#0daf3f
```
#0daf3f rgb(13,175,63)
```

Triadic Color

#af0d7d
```
#af0d7d rgb(175,13,125)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#0daf3f
```
#0daf3f rgb(13,175,63)
```
#0d7daf
```
#0d7daf rgb(13,125,175)
```

Tetradic Color

#682508
```
#682508 rgb(104,37,8)
```
#802e09
```
#802e09 rgb(128,46,9)
```
#97360b
```
#97360b rgb(151,54,11)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#c7480f
```
#c7480f rgb(199,72,15)
```
#de5011
```
#de5011 rgb(222,80,17)
```
#ee5c1a
```
#ee5c1a rgb(238,92,26)
```

Monochromatic Color

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

#af170d
```
#af170d rgb(175,23,13)
```
#af240d
```
#af240d rgb(175,36,13)
```
#af320d
```
#af320d rgb(175,50,13)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#af4d0d
```
#af4d0d rgb(175,77,13)
```
#af5a0d
```
#af5a0d rgb(175,90,13)
```
#af680d
```
#af680d rgb(175,104,13)
```

Similar Colors

Text with hexadecimal color #af3f0d

This text has a font color of #af3f0d.

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

#af3f0d background color

This paragraph has a background color of #af3f0d.

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

#af3f0d border color

This element has a border color of #af3f0d.

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

CSS codes

.text {color:#af3f0d;}

.background {background-color:#af3f0d;}

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

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

#0b0401
```
#0b0401 rgb(11,4,1)
```
#1d0a02
```
#1d0a02 rgb(29,10,2)
```
#2f1104
```
#2f1104 rgb(47,17,4)
```
#411805
```
#411805 rgb(65,24,5)
```
#541e06
```
#541e06 rgb(84,30,6)
```
#662508
```
#662508 rgb(102,37,8)
```
#782b09
```
#782b09 rgb(120,43,9)
```
#8a320a
```
#8a320a rgb(138,50,10)
```
#9d380c
```
#9d380c rgb(157,56,12)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#c1460e
```
#c1460e rgb(193,70,14)
```
#d44c10
```
#d44c10 rgb(212,76,16)
```
#e65311
```
#e65311 rgb(230,83,17)
```

Shade Color Variation

#ee5d1c
```
#ee5d1c rgb(238,93,28)
```
#f06a2f
```
#f06a2f rgb(240,106,47)
```
#f17741
```
#f17741 rgb(241,119,65)
```
#f28453
```
#f28453 rgb(242,132,83)
```
#f49165
```
#f49165 rgb(244,145,101)
```
#f59e78
```
#f59e78 rgb(245,158,120)
```
#f6ab8a
```
#f6ab8a rgb(246,171,138)
```
#f8b89c
```
#f8b89c rgb(248,184,156)
```
#f9c5ae
```
#f9c5ae rgb(249,197,174)
```
#fad2c1
```
#fad2c1 rgb(250,210,193)
```
#fcdfd3
```
#fcdfd3 rgb(252,223,211)
```
#fdede5
```
#fdede5 rgb(253,237,229)
```
#fefaf7
```
#fefaf7 rgb(254,250,247)
```

Tint Color Variation

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

#5f5d5d
```
#5f5d5d rgb(95,93,93)
```
#675b55
```
#675b55 rgb(103,91,85)
```
#6e584e
```
#6e584e rgb(110,88,78)
```
#755547
```
#755547 rgb(117,85,71)
```
#7c5240
```
#7c5240 rgb(124,82,64)
```
#845038
```
#845038 rgb(132,80,56)
```
#8b4d31
```
#8b4d31 rgb(139,77,49)
```
#924a2a
```
#924a2a rgb(146,74,42)
```
#994723
```
#994723 rgb(153,71,35)
```
#a1451b
```
#a1451b rgb(161,69,27)
```
#a84214
```
#a84214 rgb(168,66,20)
```
#af3f0d
```
#af3f0d rgb(175,63,13)
```
#b63c06
```
#b63c06 rgb(182,60,6)
```

Tone Color Variation

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

#5b5b5b Achromatopsia 0.005% of the population
#6c554b Atypical Achromatopsia 0.001% of the population

Dichromacy

#786c22 Protanopia 1% of men
#876600 Deuteranopia 1% of men
#b44448 Tritanopia 0.001% of the population

Trichromacy

#8c5b1a Protanomaly 1% of men, 0.01% of women
#955804 Deuteranomaly 6% of men, 0.4% of women
#b24232 Tritanomaly 0.01% of the population

#af3f0d hex color

#af3f0d Color Information

#af3f0d Color Conversion

Color Schemes with #af3f0d

Alternatives to #af3f0d

#af3f0d Preview

Shades and Tints of #af3f0d

Tones of #af3f0d

Color Blindness Simulator