#af1c30 hex color

In a RGB color space, hex #af1c30 is composed of 68.6% red, 11% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 84% magenta, 72.6% yellow and 31.4% black. It has a hue angle of 351.8 degrees, a saturation of 72.4% and a lightness of 39.8%. #af1c30 color hex could be obtained by blending #ff3860 with #5f0000. Closest websafe color is: #993333.

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

● #af1c30 color description : Dark red.

The hexadecimal color #af1c30 has RGB values of R:175, G:28, B:48 and CMYK values of C:0, M:0.84, Y:0.73, K:0.31. Its decimal value is 11476016.

Hex triplet	af1c30	`#af1c30`
RGB Decimal	175, 28, 48	`rgb(175,28,48)`
RGB Percent	68.6, 11, 18.8	`rgb(68.6%,11%,18.8%)`
CMYK	0, 84, 73, 31
HSL	351.8°, 72.4, 39.8	`hsl(351.8,72.4%,39.8%)`
HSV (or HSB)	351.8°, 84, 68.6
Web Safe	993333	`#993333`

CIE-LAB	38.128, 57.125, 28.102
XYZ	18.629, 10.16, 3.776
xyY	0.572, 0.312, 10.16
CIE-LCH	38.128, 63.663, 26.194
CIE-LUV	38.128, 104.475, 16.405
Hunter-Lab	31.875, 48.54, 15.288
Binary	10101111, 00011100, 00110000

#af1c30
```
#af1c30 rgb(175,28,48)
```
#1caf9b
```
#1caf9b rgb(28,175,155)
```

Complementary Color

#af1c7a
```
#af1c7a rgb(175,28,122)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#af521c
```
#af521c rgb(175,82,28)
```

Analogous Color

#1c7aaf
```
#1c7aaf rgb(28,122,175)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#1caf52
```
#1caf52 rgb(28,175,82)
```

Split Complementary Color

#1c30af
```
#1c30af rgb(28,48,175)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#30af1c
```
#30af1c rgb(48,175,28)
```

Triadic Color

#9b1caf
```
#9b1caf rgb(155,28,175)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#30af1c
```
#30af1c rgb(48,175,28)
```
#1caf9b
```
#1caf9b rgb(28,175,155)
```

Tetradic Color

#6d111e
```
#6d111e rgb(109,17,30)
```
#831524
```
#831524 rgb(131,21,36)
```
#99182a
```
#99182a rgb(153,24,42)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#c52036
```
#c52036 rgb(197,32,54)
```
#db233c
```
#db233c rgb(219,35,60)
```
#df384f
```
#df384f rgb(223,56,79)
```

Monochromatic Color

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

#af1c55
```
#af1c55 rgb(175,28,85)
```
#af1c48
```
#af1c48 rgb(175,28,72)
```
#af1c3c
```
#af1c3c rgb(175,28,60)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#af1c24
```
#af1c24 rgb(175,28,36)
```
#af211c
```
#af211c rgb(175,33,28)
```
#af2d1c
```
#af2d1c rgb(175,45,28)
```

Similar Colors

Text with hexadecimal color #af1c30

This text has a font color of #af1c30.

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

#af1c30 background color

This paragraph has a background color of #af1c30.

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

#af1c30 border color

This element has a border color of #af1c30.

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

CSS codes

.text {color:#af1c30;}

.background {background-color:#af1c30;}

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

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

#060102
```
#060102 rgb(6,1,2)
```
#170406
```
#170406 rgb(23,4,6)
```
#28060b
```
#28060b rgb(40,6,11)
```
#390910
```
#390910 rgb(57,9,16)
```
#4a0c14
```
#4a0c14 rgb(74,12,20)
```
#5a0e19
```
#5a0e19 rgb(90,14,25)
```
#6b111d
```
#6b111d rgb(107,17,29)
```
#7c1422
```
#7c1422 rgb(124,20,34)
```
#8d1727
```
#8d1727 rgb(141,23,39)
```
#9e192b
```
#9e192b rgb(158,25,43)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#c01f35
```
#c01f35 rgb(192,31,53)
```
#d12139
```
#d12139 rgb(209,33,57)
```

Shade Color Variation

#dd2942
```
#dd2942 rgb(221,41,66)
```
#df3a51
```
#df3a51 rgb(223,58,81)
```
#e24b5f
```
#e24b5f rgb(226,75,95)
```
#e55c6e
```
#e55c6e rgb(229,92,110)
```
#e86d7d
```
#e86d7d rgb(232,109,125)
```
#ea7e8c
```
#ea7e8c rgb(234,126,140)
```
#ed8f9b
```
#ed8f9b rgb(237,143,155)
```
#f09faa
```
#f09faa rgb(240,159,170)
```
#f2b0b9
```
#f2b0b9 rgb(242,176,185)
```
#f5c1c8
```
#f5c1c8 rgb(245,193,200)
```
#f8d2d7
```
#f8d2d7 rgb(248,210,215)
```
#fbe3e6
```
#fbe3e6 rgb(251,227,230)
```
#fdf4f5
```
#fdf4f5 rgb(253,244,245)
```

Tint Color Variation

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

#696263
```
#696263 rgb(105,98,99)
```
#715a5d
```
#715a5d rgb(113,90,93)
```
#785358
```
#785358 rgb(120,83,88)
```
#804b52
```
#804b52 rgb(128,75,82)
```
#88434c
```
#88434c rgb(136,67,76)
```
#903b47
```
#903b47 rgb(144,59,71)
```
#983341
```
#983341 rgb(152,51,65)
```
#9f2c3b
```
#9f2c3b rgb(159,44,59)
```
#a72436
```
#a72436 rgb(167,36,54)
```
#af1c30
```
#af1c30 rgb(175,28,48)
```
#b7142a
```
#b7142a rgb(183,20,42)
```
#bf0c25
```
#bf0c25 rgb(191,12,37)
```
#c6051f
```
#c6051f rgb(198,5,31)
```

Tone Color Variation

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

#4a4a4a Achromatopsia 0.005% of the population
#5e4145 Atypical Achromatopsia 0.001% of the population

Dichromacy

#68624d Protanopia 1% of men
#785d30 Deuteranopia 1% of men
#b22b2b Tritanopia 0.001% of the population

Trichromacy

#824842 Protanomaly 1% of men, 0.01% of women
#8c4530 Deuteranomaly 6% of men, 0.4% of women
#b1252d Tritanomaly 0.01% of the population

#af1c30 hex color

#af1c30 Color Information

#af1c30 Color Conversion

Color Schemes with #af1c30

Alternatives to #af1c30

#af1c30 Preview

Shades and Tints of #af1c30

Tones of #af1c30

Color Blindness Simulator