#af1533 hex color

In a RGB color space, hex #af1533 is composed of 68.6% red, 8.2% green and 20% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88% magenta, 70.9% yellow and 31.4% black. It has a hue angle of 348.3 degrees, a saturation of 78.6% and a lightness of 38.4%. #af1533 color hex could be obtained by blending #ff2a66 with #5f0000. Closest websafe color is: #990033.

♥
- f
- t
- g
- R 69
- G 8
- B 20
RGB color chart
- C 0
- M 88
- Y 71
- K 31
CMYK color chart

● #af1533 color description : Dark red.

The hexadecimal color #af1533 has RGB values of R:175, G:21, B:51 and CMYK values of C:0, M:0.88, Y:0.71, K:0.31. Its decimal value is 11474227.

Hex triplet	af1533	`#af1533`
RGB Decimal	175, 21, 51	`rgb(175,21,51)`
RGB Percent	68.6, 8.2, 20	`rgb(68.6%,8.2%,20%)`
CMYK	0, 88, 71, 31
HSL	348.3°, 78.6, 38.4	`hsl(348.3,78.6%,38.4%)`
HSV (or HSB)	348.3°, 88, 68.6
Web Safe	990033	`#990033`

CIE-LAB	37.647, 58.767, 25.653
XYZ	18.546, 9.892, 4.065
xyY	0.571, 0.304, 9.892
CIE-LCH	37.647, 64.122, 23.583
CIE-LUV	37.647, 105.874, 14.042
Hunter-Lab	31.451, 50.218, 14.353
Binary	10101111, 00010101, 00110011

#af1533
```
#af1533 rgb(175,21,51)
```
#15af91
```
#15af91 rgb(21,175,145)
```

Complementary Color

#af1580
```
#af1580 rgb(175,21,128)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#af4415
```
#af4415 rgb(175,68,21)
```

Analogous Color

#1580af
```
#1580af rgb(21,128,175)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#15af44
```
#15af44 rgb(21,175,68)
```

Split Complementary Color

#1533af
```
#1533af rgb(21,51,175)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#33af15
```
#33af15 rgb(51,175,21)
```

Triadic Color

#9115af
```
#9115af rgb(145,21,175)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#33af15
```
#33af15 rgb(51,175,21)
```
#15af91
```
#15af91 rgb(21,175,145)
```

Tetradic Color

#6b0d1f
```
#6b0d1f rgb(107,13,31)
```
#811026
```
#811026 rgb(129,16,38)
```
#98122c
```
#98122c rgb(152,18,44)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#c6183a
```
#c6183a rgb(198,24,58)
```
#dd1a40
```
#dd1a40 rgb(221,26,64)
```
#e62b4f
```
#e62b4f rgb(230,43,79)
```

Monochromatic Color

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

#af155a
```
#af155a rgb(175,21,90)
```
#af154d
```
#af154d rgb(175,21,77)
```
#af1540
```
#af1540 rgb(175,21,64)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#af1526
```
#af1526 rgb(175,21,38)
```
#af1519
```
#af1519 rgb(175,21,25)
```
#af1e15
```
#af1e15 rgb(175,30,21)
```

Similar Colors

Text with hexadecimal color #af1533

This text has a font color of #af1533.

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

#af1533 background color

This paragraph has a background color of #af1533.

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

#af1533 border color

This element has a border color of #af1533.

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

CSS codes

.text {color:#af1533;}

.background {background-color:#af1533;}

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

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

#110205
```
#110205 rgb(17,2,5)
```
#23040a
```
#23040a rgb(35,4,10)
```
#34060f
```
#34060f rgb(52,6,15)
```
#460814
```
#460814 rgb(70,8,20)
```
#570a19
```
#570a19 rgb(87,10,25)
```
#690d1f
```
#690d1f rgb(105,13,31)
```
#7a0f24
```
#7a0f24 rgb(122,15,36)
```
#8c1129
```
#8c1129 rgb(140,17,41)
```
#9d132e
```
#9d132e rgb(157,19,46)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#c11738
```
#c11738 rgb(193,23,56)
```
#d2193d
```
#d2193d rgb(210,25,61)
```
#e41b42
```
#e41b42 rgb(228,27,66)
```

Shade Color Variation

#e62d51
```
#e62d51 rgb(230,45,81)
```
#e83e5f
```
#e83e5f rgb(232,62,95)
```
#ea506e
```
#ea506e rgb(234,80,110)
```
#ec617c
```
#ec617c rgb(236,97,124)
```
#ee738b
```
#ee738b rgb(238,115,139)
```
#f08499
```
#f08499 rgb(240,132,153)
```
#f296a8
```
#f296a8 rgb(242,150,168)
```
#f4a7b6
```
#f4a7b6 rgb(244,167,182)
```
#f7b9c5
```
#f7b9c5 rgb(247,185,197)
```
#f9cad3
```
#f9cad3 rgb(249,202,211)
```
#fbdce2
```
#fbdce2 rgb(251,220,226)
```
#fdedf0
```
#fdedf0 rgb(253,237,240)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#646061
```
#646061 rgb(100,96,97)
```
#6b595c
```
#6b595c rgb(107,89,92)
```
#735158
```
#735158 rgb(115,81,88)
```
#7a4a53
```
#7a4a53 rgb(122,74,83)
```
#82424f
```
#82424f rgb(130,66,79)
```
#893b4a
```
#893b4a rgb(137,59,74)
```
#913345
```
#913345 rgb(145,51,69)
```
#982c41
```
#982c41 rgb(152,44,65)
```
#a0243c
```
#a0243c rgb(160,36,60)
```
#a71d38
```
#a71d38 rgb(167,29,56)
```
#af1533
```
#af1533 rgb(175,21,51)
```
#b70d2e
```
#b70d2e rgb(183,13,46)
```
#be062a
```
#be062a rgb(190,6,42)
```

Tone Color Variation

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

#464646 Achromatopsia 0.005% of the population
#5b3c42 Atypical Achromatopsia 0.001% of the population

Dichromacy

#666151 Protanopia 1% of men
#765c33 Deuteranopia 1% of men
#b22626 Tritanopia 0.001% of the population

Trichromacy

#804546 Protanomaly 1% of men, 0.01% of women
#8b4233 Deuteranomaly 6% of men, 0.4% of women
#b1202b Tritanomaly 0.01% of the population

#af1533 hex color

#af1533 Color Information

#af1533 Color Conversion

Color Schemes with #af1533

Alternatives to #af1533

#af1533 Preview

Shades and Tints of #af1533

Tones of #af1533

Color Blindness Simulator