#af1f03 hex color

In a RGB color space, hex #af1f03 is composed of 68.6% red, 12.2% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 82.3% magenta, 98.3% yellow and 31.4% black. It has a hue angle of 9.8 degrees, a saturation of 96.6% and a lightness of 34.9%. #af1f03 color hex could be obtained by blending #ff3e06 with #5f0000. Closest websafe color is: #993300.

♥
- f
- t
- g
- R 69
- G 12
- B 1
RGB color chart
- C 0
- M 82
- Y 98
- K 31
CMYK color chart

● #af1f03 color description : Dark red.

The hexadecimal color #af1f03 has RGB values of R:175, G:31, B:3 and CMYK values of C:0, M:0.82, Y:0.98, K:0.31. Its decimal value is 11476739.

Hex triplet	af1f03	`#af1f03`
RGB Decimal	175, 31, 3	`rgb(175,31,3)`
RGB Percent	68.6, 12.2, 1.2	`rgb(68.6%,12.2%,1.2%)`
CMYK	0, 82, 98, 31
HSL	9.8°, 96.6, 34.9	`hsl(9.8,96.6%,34.9%)`
HSV (or HSB)	9.8°, 98.3, 68.6
Web Safe	993300	`#993300`

CIE-LAB	38.026, 55.248, 50.195
XYZ	18.187, 10.103, 1.079
xyY	0.619, 0.344, 10.103
CIE-LCH	38.026, 74.645, 42.256
CIE-LUV	38.026, 110.112, 28.351
Hunter-Lab	31.785, 46.51, 20.237
Binary	10101111, 00011111, 00000011

#af1f03
```
#af1f03 rgb(175,31,3)
```
#0393af
```
#0393af rgb(3,147,175)
```

Complementary Color

#af033d
```
#af033d rgb(175,3,61)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```
#af7503
```
#af7503 rgb(175,117,3)
```

Analogous Color

#033daf
```
#033daf rgb(3,61,175)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```
#03af75
```
#03af75 rgb(3,175,117)
```

Split Complementary Color

#1f03af
```
#1f03af rgb(31,3,175)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```
#03af1f
```
#03af1f rgb(3,175,31)
```

Triadic Color

#af0393
```
#af0393 rgb(175,3,147)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```
#03af1f
```
#03af1f rgb(3,175,31)
```
#0393af
```
#0393af rgb(3,147,175)
```

Tetradic Color

#641202
```
#641202 rgb(100,18,2)
```
#7d1602
```
#7d1602 rgb(125,22,2)
```
#961b03
```
#961b03 rgb(150,27,3)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```
#c82303
```
#c82303 rgb(200,35,3)
```
#e12804
```
#e12804 rgb(225,40,4)
```
#fa2c04
```
#fa2c04 rgb(250,44,4)
```

Monochromatic Color

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

#af0312
```
#af0312 rgb(175,3,18)
```
#af0304
```
#af0304 rgb(175,3,4)
```
#af1103
```
#af1103 rgb(175,17,3)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```
#af2d03
```
#af2d03 rgb(175,45,3)
```
#af3c03
```
#af3c03 rgb(175,60,3)
```
#af4a03
```
#af4a03 rgb(175,74,3)
```

Similar Colors

Text with hexadecimal color #af1f03

This text has a font color of #af1f03.

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

#af1f03 background color

This paragraph has a background color of #af1f03.

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

#af1f03 border color

This element has a border color of #af1f03.

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

CSS codes

.text {color:#af1f03;}

.background {background-color:#af1f03;}

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

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

#010000
```
#010000 rgb(1,0,0)
```
#150400
```
#150400 rgb(21,4,0)
```
#280701
```
#280701 rgb(40,7,1)
```
#3b0b01
```
#3b0b01 rgb(59,11,1)
```
#4f0e01
```
#4f0e01 rgb(79,14,1)
```
#621102
```
#621102 rgb(98,17,2)
```
#751502
```
#751502 rgb(117,21,2)
```
#881802
```
#881802 rgb(136,24,2)
```
#9c1c03
```
#9c1c03 rgb(156,28,3)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```
#c22203
```
#c22203 rgb(194,34,3)
```
#d62604
```
#d62604 rgb(214,38,4)
```
#e92904
```
#e92904 rgb(233,41,4)
```

Shade Color Variation

#fb2e06
```
#fb2e06 rgb(251,46,6)
```
#fb3e19
```
#fb3e19 rgb(251,62,25)
```
#fb4e2c
```
#fb4e2c rgb(251,78,44)
```
#fc5e40
```
#fc5e40 rgb(252,94,64)
```
#fc6e53
```
#fc6e53 rgb(252,110,83)
```
#fc7f66
```
#fc7f66 rgb(252,127,102)
```
#fd8f79
```
#fd8f79 rgb(253,143,121)
```
#fd9f8d
```
#fd9f8d rgb(253,159,141)
```
#fdafa0
```
#fdafa0 rgb(253,175,160)
```
#febfb3
```
#febfb3 rgb(254,191,179)
```
#fed0c7
```
#fed0c7 rgb(254,208,199)
```
#fee0da
```
#fee0da rgb(254,224,218)
```
#fff0ed
```
#fff0ed rgb(255,240,237)
```

Tint Color Variation

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

#5d5655
```
#5d5655 rgb(93,86,85)
```
#64524e
```
#64524e rgb(100,82,78)
```
#6b4d47
```
#6b4d47 rgb(107,77,71)
```
#714941
```
#714941 rgb(113,73,65)
```
#78443a
```
#78443a rgb(120,68,58)
```
#7f3f33
```
#7f3f33 rgb(127,63,51)
```
#863b2c
```
#863b2c rgb(134,59,44)
```
#8d3625
```
#8d3625 rgb(141,54,37)
```
#94311e
```
#94311e rgb(148,49,30)
```
#9a2d18
```
#9a2d18 rgb(154,45,24)
```
#a12811
```
#a12811 rgb(161,40,17)
```
#a8240a
```
#a8240a rgb(168,36,10)
```
#af1f03
```
#af1f03 rgb(175,31,3)
```

Tone Color Variation

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

#474747 Achromatopsia 0.005% of the population
#5c3f39 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d621b Protanopia 1% of men
#7a5d00 Deuteranopia 1% of men
#b32828 Tritanopia 0.001% of the population

Trichromacy

#854912 Protanomaly 1% of men, 0.01% of women
#8d4601 Deuteranomaly 6% of men, 0.4% of women
#b1241a Tritanomaly 0.01% of the population

#af1f03 hex color

#af1f03 Color Information

#af1f03 Color Conversion

Color Schemes with #af1f03

Alternatives to #af1f03

#af1f03 Preview

Shades and Tints of #af1f03

Tones of #af1f03

Color Blindness Simulator