#af2f00 hex color

In a RGB color space, hex #af2f00 is composed of 68.6% red, 18.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 73.1% magenta, 100% yellow and 31.4% black. It has a hue angle of 16.1 degrees, a saturation of 100% and a lightness of 34.3%. #af2f00 color hex could be obtained by blending #ff5e00 with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 18
- B 0
RGB color chart
- C 0
- M 73
- Y 100
- K 31
CMYK color chart

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

The hexadecimal color #af2f00 has RGB values of R:175, G:47, B:0 and CMYK values of C:0, M:0.73, Y:1, K:0.31. Its decimal value is 11480832.

Hex triplet	af2f00	`#af2f00`
RGB Decimal	175, 47, 0	`rgb(175,47,0)`
RGB Percent	68.6, 18.4, 0	`rgb(68.6%,18.4%,0%)`
CMYK	0, 73, 100, 31
HSL	16.1°, 100, 34.3	`hsl(16.1,100%,34.3%)`
HSV (or HSB)	16.1°, 100, 68.6
Web Safe	993300	`#993300`

CIE-LAB	39.831, 50.14, 52.157
XYZ	18.697, 11.149, 1.168
xyY	0.603, 0.359, 11.149
CIE-LCH	39.831, 72.348, 46.129
CIE-LUV	39.831, 101.976, 31.768
Hunter-Lab	33.391, 41.516, 21.3
Binary	10101111, 00101111, 00000000

#af2f00
```
#af2f00 rgb(175,47,0)
```
#0080af
```
#0080af rgb(0,128,175)
```

Complementary Color

#af0029
```
#af0029 rgb(175,0,41)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#af8700
```
#af8700 rgb(175,135,0)
```

Analogous Color

#0029af
```
#0029af rgb(0,41,175)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#00af87
```
#00af87 rgb(0,175,135)
```

Split Complementary Color

#2f00af
```
#2f00af rgb(47,0,175)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#00af2f
```
#00af2f rgb(0,175,47)
```

Triadic Color

#af0080
```
#af0080 rgb(175,0,128)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#00af2f
```
#00af2f rgb(0,175,47)
```
#0080af
```
#0080af rgb(0,128,175)
```

Tetradic Color

#631a00
```
#631a00 rgb(99,26,0)
```
#7c2100
```
#7c2100 rgb(124,33,0)
```
#962800
```
#962800 rgb(150,40,0)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#c93600
```
#c93600 rgb(201,54,0)
```
#e23d00
```
#e23d00 rgb(226,61,0)
```
#fc4400
```
#fc4400 rgb(252,68,0)
```

Monochromatic Color

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

#af0300
```
#af0300 rgb(175,3,0)
```
#af1200
```
#af1200 rgb(175,18,0)
```
#af2000
```
#af2000 rgb(175,32,0)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#af3e00
```
#af3e00 rgb(175,62,0)
```
#af4c00
```
#af4c00 rgb(175,76,0)
```
#af5b00
```
#af5b00 rgb(175,91,0)
```

Similar Colors

Text with hexadecimal color #af2f00

This text has a font color of #af2f00.

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

#af2f00 background color

This paragraph has a background color of #af2f00.

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

#af2f00 border color

This element has a border color of #af2f00.

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

CSS codes

.text {color:#af2f00;}

.background {background-color:#af2f00;}

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

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

#120500
```
#120500 rgb(18,5,0)
```
#260a00
```
#260a00 rgb(38,10,0)
```
#390f00
```
#390f00 rgb(57,15,0)
```
#4d1500
```
#4d1500 rgb(77,21,0)
```
#611a00
```
#611a00 rgb(97,26,0)
```
#741f00
```
#741f00 rgb(116,31,0)
```
#882400
```
#882400 rgb(136,36,0)
```
#9b2a00
```
#9b2a00 rgb(155,42,0)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```
#c33400
```
#c33400 rgb(195,52,0)
```
#d63a00
```
#d63a00 rgb(214,58,0)
```
#ea3f00
```
#ea3f00 rgb(234,63,0)
```
#fd4400
```
#fd4400 rgb(253,68,0)
```

Shade Color Variation

#ff5212
```
#ff5212 rgb(255,82,18)
```
#ff6026
```
#ff6026 rgb(255,96,38)
```
#ff6e39
```
#ff6e39 rgb(255,110,57)
```
#ff7d4d
```
#ff7d4d rgb(255,125,77)
```
#ff8b61
```
#ff8b61 rgb(255,139,97)
```
#ff9974
```
#ff9974 rgb(255,153,116)
```
#ffa888
```
#ffa888 rgb(255,168,136)
```
#ffb69b
```
#ffb69b rgb(255,182,155)
```
#ffc4af
```
#ffc4af rgb(255,196,175)
```
#ffd3c3
```
#ffd3c3 rgb(255,211,195)
```
#ffe1d6
```
#ffe1d6 rgb(255,225,214)
```
#fff0ea
```
#fff0ea rgb(255,240,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#5e5451
```
#5e5451 rgb(94,84,81)
```
#65514a
```
#65514a rgb(101,81,74)
```
#6c4e43
```
#6c4e43 rgb(108,78,67)
```
#724b3d
```
#724b3d rgb(114,75,61)
```
#794836
```
#794836 rgb(121,72,54)
```
#80452f
```
#80452f rgb(128,69,47)
```
#874228
```
#874228 rgb(135,66,40)
```
#8d3f22
```
#8d3f22 rgb(141,63,34)
```
#943b1b
```
#943b1b rgb(148,59,27)
```
#9b3814
```
#9b3814 rgb(155,56,20)
```
#a2350d
```
#a2350d rgb(162,53,13)
```
#a83207
```
#a83207 rgb(168,50,7)
```
#af2f00
```
#af2f00 rgb(175,47,0)
```

Tone Color Variation

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

#505050 Achromatopsia 0.005% of the population
#634940 Atypical Achromatopsia 0.001% of the population

Dichromacy

#726615 Protanopia 1% of men
#7f6100 Deuteranopia 1% of men
#b33638 Tritanopia 0.001% of the population

Trichromacy

#88520d Protanomaly 1% of men, 0.01% of women
#904f00 Deuteranomaly 6% of men, 0.4% of women
#b23323 Tritanomaly 0.01% of the population

#af2f00 hex color

#af2f00 Color Information

#af2f00 Color Conversion

Color Schemes with #af2f00

Alternatives to #af2f00

#af2f00 Preview

Shades and Tints of #af2f00

Tones of #af2f00

Color Blindness Simulator