#af2700 hex color

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

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

● #af2700 color description : Dark red.

The hexadecimal color #af2700 has RGB values of R:175, G:39, B:0 and CMYK values of C:0, M:0.78, Y:1, K:0.31. Its decimal value is 11478784.

Hex triplet	af2700	`#af2700`
RGB Decimal	175, 39, 0	`rgb(175,39,0)`
RGB Percent	68.6, 15.3, 0	`rgb(68.6%,15.3%,0%)`
CMYK	0, 78, 100, 31
HSL	13.4°, 100, 34.3	`hsl(13.4,100%,34.3%)`
HSV (or HSB)	13.4°, 100, 68.6
Web Safe	993300	`#993300`

CIE-LAB	38.842, 52.885, 51.708
XYZ	18.406, 10.567, 1.071
xyY	0.613, 0.352, 10.567
CIE-LCH	38.842, 73.964, 44.355
CIE-LUV	38.842, 106.486, 30.123
Hunter-Lab	32.507, 44.179, 20.803
Binary	10101111, 00100111, 00000000

#af2700
```
#af2700 rgb(175,39,0)
```
#0088af
```
#0088af rgb(0,136,175)
```

Complementary Color

#af0031
```
#af0031 rgb(175,0,49)
```
#af2700
```
#af2700 rgb(175,39,0)
```
#af7f00
```
#af7f00 rgb(175,127,0)
```

Analogous Color

#0031af
```
#0031af rgb(0,49,175)
```
#af2700
```
#af2700 rgb(175,39,0)
```
#00af7f
```
#00af7f rgb(0,175,127)
```

Split Complementary Color

#2700af
```
#2700af rgb(39,0,175)
```
#af2700
```
#af2700 rgb(175,39,0)
```
#00af27
```
#00af27 rgb(0,175,39)
```

Triadic Color

#af0088
```
#af0088 rgb(175,0,136)
```
#af2700
```
#af2700 rgb(175,39,0)
```
#00af27
```
#00af27 rgb(0,175,39)
```
#0088af
```
#0088af rgb(0,136,175)
```

Tetradic Color

#631600
```
#631600 rgb(99,22,0)
```
#7c1c00
```
#7c1c00 rgb(124,28,0)
```
#962100
```
#962100 rgb(150,33,0)
```
#af2700
```
#af2700 rgb(175,39,0)
```
#c92d00
```
#c92d00 rgb(201,45,0)
```
#e23200
```
#e23200 rgb(226,50,0)
```
#fc3800
```
#fc3800 rgb(252,56,0)
```

Monochromatic Color

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

#af0005
```
#af0005 rgb(175,0,5)
```
#af0a00
```
#af0a00 rgb(175,10,0)
```
#af1800
```
#af1800 rgb(175,24,0)
```
#af2700
```
#af2700 rgb(175,39,0)
```
#af3600
```
#af3600 rgb(175,54,0)
```
#af4400
```
#af4400 rgb(175,68,0)
```
#af5300
```
#af5300 rgb(175,83,0)
```

Similar Colors

Text with hexadecimal color #af2700

This text has a font color of #af2700.

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

#af2700 background color

This paragraph has a background color of #af2700.

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

#af2700 border color

This element has a border color of #af2700.

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

CSS codes

.text {color:#af2700;}

.background {background-color:#af2700;}

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

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

#120400
```
#120400 rgb(18,4,0)
```
#260800
```
#260800 rgb(38,8,0)
```
#390d00
```
#390d00 rgb(57,13,0)
```
#4d1100
```
#4d1100 rgb(77,17,0)
```
#611600
```
#611600 rgb(97,22,0)
```
#741a00
```
#741a00 rgb(116,26,0)
```
#881e00
```
#881e00 rgb(136,30,0)
```
#9b2300
```
#9b2300 rgb(155,35,0)
```
#af2700
```
#af2700 rgb(175,39,0)
```
#c32b00
```
#c32b00 rgb(195,43,0)
```
#d63000
```
#d63000 rgb(214,48,0)
```
#ea3400
```
#ea3400 rgb(234,52,0)
```
#fd3800
```
#fd3800 rgb(253,56,0)
```

Shade Color Variation

#ff4712
```
#ff4712 rgb(255,71,18)
```
#ff5626
```
#ff5626 rgb(255,86,38)
```
#ff6539
```
#ff6539 rgb(255,101,57)
```
#ff754d
```
#ff754d rgb(255,117,77)
```
#ff8461
```
#ff8461 rgb(255,132,97)
```
#ff9374
```
#ff9374 rgb(255,147,116)
```
#ffa288
```
#ffa288 rgb(255,162,136)
```
#ffb29b
```
#ffb29b rgb(255,178,155)
```
#ffc1af
```
#ffc1af rgb(255,193,175)
```
#ffd0c3
```
#ffd0c3 rgb(255,208,195)
```
#ffdfd6
```
#ffdfd6 rgb(255,223,214)
```
#ffefea
```
#ffefea rgb(255,239,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 #af2700 is the most saturated one.

#5e5451
```
#5e5451 rgb(94,84,81)
```
#65504a
```
#65504a rgb(101,80,74)
```
#6c4c43
```
#6c4c43 rgb(108,76,67)
```
#72493d
```
#72493d rgb(114,73,61)
```
#794536
```
#794536 rgb(121,69,54)
```
#80412f
```
#80412f rgb(128,65,47)
```
#873d28
```
#873d28 rgb(135,61,40)
```
#8d3a22
```
#8d3a22 rgb(141,58,34)
```
#94361b
```
#94361b rgb(148,54,27)
```
#9b3214
```
#9b3214 rgb(155,50,20)
```
#a22e0d
```
#a22e0d rgb(162,46,13)
```
#a82b07
```
#a82b07 rgb(168,43,7)
```
#af2700
```
#af2700 rgb(175,39,0)
```

Tone Color Variation

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

#4b4b4b Achromatopsia 0.005% of the population
#5f443c Atypical Achromatopsia 0.001% of the population

Dichromacy

#6f6416 Protanopia 1% of men
#7c5f00 Deuteranopia 1% of men
#b32f30 Tritanopia 0.001% of the population

Trichromacy

#864d0e Protanomaly 1% of men, 0.01% of women
#8f4a00 Deuteranomaly 6% of men, 0.4% of women
#b22c1e Tritanomaly 0.01% of the population

#af2700 hex color

#af2700 Color Information

#af2700 Color Conversion

Color Schemes with #af2700

Alternatives to #af2700

#af2700 Preview

Shades and Tints of #af2700

Tones of #af2700

Color Blindness Simulator