#af2702 hex color

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

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

● #af2702 color description : Dark red.

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

Hex triplet	af2702	`#af2702`
RGB Decimal	175, 39, 2	`rgb(175,39,2)`
RGB Percent	68.6, 15.3, 0.8	`rgb(68.6%,15.3%,0.8%)`
CMYK	0, 78, 99, 31
HSL	12.8°, 97.7, 34.7	`hsl(12.8,97.7%,34.7%)`
HSV (or HSB)	12.8°, 98.9, 68.6
Web Safe	993300	`#993300`

CIE-LAB	38.85, 52.91, 50.965
XYZ	18.417, 10.572, 1.128
xyY	0.612, 0.351, 10.572
CIE-LCH	38.85, 73.464, 43.927
CIE-LUV	38.85, 106.344, 29.87
Hunter-Lab	32.514, 44.206, 20.702
Binary	10101111, 00100111, 00000010

#af2702
```
#af2702 rgb(175,39,2)
```
#028aaf
```
#028aaf rgb(2,138,175)
```

Complementary Color

#af0234
```
#af0234 rgb(175,2,52)
```
#af2702
```
#af2702 rgb(175,39,2)
```
#af7e02
```
#af7e02 rgb(175,126,2)
```

Analogous Color

#0234af
```
#0234af rgb(2,52,175)
```
#af2702
```
#af2702 rgb(175,39,2)
```
#02af7e
```
#02af7e rgb(2,175,126)
```

Split Complementary Color

#2702af
```
#2702af rgb(39,2,175)
```
#af2702
```
#af2702 rgb(175,39,2)
```
#02af27
```
#02af27 rgb(2,175,39)
```

Triadic Color

#af028a
```
#af028a rgb(175,2,138)
```
#af2702
```
#af2702 rgb(175,39,2)
```
#02af27
```
#02af27 rgb(2,175,39)
```
#028aaf
```
#028aaf rgb(2,138,175)
```

Tetradic Color

#631601
```
#631601 rgb(99,22,1)
```
#7d1c01
```
#7d1c01 rgb(125,28,1)
```
#962102
```
#962102 rgb(150,33,2)
```
#af2702
```
#af2702 rgb(175,39,2)
```
#c82d02
```
#c82d02 rgb(200,45,2)
```
#e13203
```
#e13203 rgb(225,50,3)
```
#fb3803
```
#fb3803 rgb(251,56,3)
```

Monochromatic Color

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

#af0208
```
#af0208 rgb(175,2,8)
```
#af0a02
```
#af0a02 rgb(175,10,2)
```
#af1902
```
#af1902 rgb(175,25,2)
```
#af2702
```
#af2702 rgb(175,39,2)
```
#af3502
```
#af3502 rgb(175,53,2)
```
#af4402
```
#af4402 rgb(175,68,2)
```
#af5202
```
#af5202 rgb(175,82,2)
```

Similar Colors

Text with hexadecimal color #af2702

This text has a font color of #af2702.

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

#af2702 background color

This paragraph has a background color of #af2702.

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

#af2702 border color

This element has a border color of #af2702.

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

CSS codes

.text {color:#af2702;}

.background {background-color:#af2702;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#140400
```
#140400 rgb(20,4,0)
```
#270900
```
#270900 rgb(39,9,0)
```
#3b0d01
```
#3b0d01 rgb(59,13,1)
```
#4e1101
```
#4e1101 rgb(78,17,1)
```
#611601
```
#611601 rgb(97,22,1)
```
#751a01
```
#751a01 rgb(117,26,1)
```
#881e02
```
#881e02 rgb(136,30,2)
```
#9c2302
```
#9c2302 rgb(156,35,2)
```
#af2702
```
#af2702 rgb(175,39,2)
```
#c22b02
```
#c22b02 rgb(194,43,2)
```
#d63002
```
#d63002 rgb(214,48,2)
```
#e93403
```
#e93403 rgb(233,52,3)
```

Shade Color Variation

#fc3903
```
#fc3903 rgb(252,57,3)
```
#fc4817
```
#fc4817 rgb(252,72,23)
```
#fd572a
```
#fd572a rgb(253,87,42)
```
#fd663e
```
#fd663e rgb(253,102,62)
```
#fd7651
```
#fd7651 rgb(253,118,81)
```
#fd8564
```
#fd8564 rgb(253,133,100)
```
#fd9478
```
#fd9478 rgb(253,148,120)
```
#fea48b
```
#fea48b rgb(254,164,139)
```
#feb39e
```
#feb39e rgb(254,179,158)
```
#fec2b2
```
#fec2b2 rgb(254,194,178)
```
#fed1c5
```
#fed1c5 rgb(254,209,197)
```
#ffe1d9
```
#ffe1d9 rgb(255,225,217)
```
#fff0ec
```
#fff0ec rgb(255,240,236)
```

Tint Color Variation

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

#5d5654
```
#5d5654 rgb(93,86,84)
```
#64524d
```
#64524d rgb(100,82,77)
```
#6b4e46
```
#6b4e46 rgb(107,78,70)
```
#724a3f
```
#724a3f rgb(114,74,63)
```
#794638
```
#794638 rgb(121,70,56)
```
#7f4232
```
#7f4232 rgb(127,66,50)
```
#863e2b
```
#863e2b rgb(134,62,43)
```
#8d3a24
```
#8d3a24 rgb(141,58,36)
```
#94371d
```
#94371d rgb(148,55,29)
```
#9b3316
```
#9b3316 rgb(155,51,22)
```
#a12f10
```
#a12f10 rgb(161,47,16)
```
#a82b09
```
#a82b09 rgb(168,43,9)
```
#af2702
```
#af2702 rgb(175,39,2)
```

Tone Color Variation

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

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

Trichromacy

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

#af2702 hex color

#af2702 Color Information

#af2702 Color Conversion

Color Schemes with #af2702

Alternatives to #af2702

#af2702 Preview

Shades and Tints of #af2702

Tones of #af2702

Color Blindness Simulator