#af303a hex color

In a RGB color space, hex #af303a is composed of 68.6% red, 18.8% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.6% magenta, 66.9% yellow and 31.4% black. It has a hue angle of 355.3 degrees, a saturation of 57% and a lightness of 43.7%. #af303a color hex could be obtained by blending #ff6074 with #5f0000. Closest websafe color is: #993333.

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

● #af303a color description : Dark red.

The hexadecimal color #af303a has RGB values of R:175, G:48, B:58 and CMYK values of C:0, M:0.73, Y:0.67, K:0.31. Its decimal value is 11481146.

Hex triplet	af303a	`#af303a`
RGB Decimal	175, 48, 58	`rgb(175,48,58)`
RGB Percent	68.6, 18.8, 22.7	`rgb(68.6%,18.8%,22.7%)`
CMYK	0, 73, 67, 31
HSL	355.3°, 57, 43.7	`hsl(355.3,57%,43.7%)`
HSV (or HSB)	355.3°, 72.6, 68.6
Web Safe	993333	`#993333`

CIE-LAB	40.468, 51.502, 24.785
XYZ	19.501, 11.536, 5.203
xyY	0.538, 0.318, 11.536
CIE-LCH	40.468, 57.155, 25.699
CIE-LUV	40.468, 93.074, 16.024
Hunter-Lab	33.964, 43.05, 14.693
Binary	10101111, 00110000, 00111010

#af303a
```
#af303a rgb(175,48,58)
```
#30afa5
```
#30afa5 rgb(48,175,165)
```

Complementary Color

#af307a
```
#af307a rgb(175,48,122)
```
#af303a
```
#af303a rgb(175,48,58)
```
#af6630
```
#af6630 rgb(175,102,48)
```

Analogous Color

#307aaf
```
#307aaf rgb(48,122,175)
```
#af303a
```
#af303a rgb(175,48,58)
```
#30af66
```
#30af66 rgb(48,175,102)
```

Split Complementary Color

#303aaf
```
#303aaf rgb(48,58,175)
```
#af303a
```
#af303a rgb(175,48,58)
```
#3aaf30
```
#3aaf30 rgb(58,175,48)
```

Triadic Color

#a530af
```
#a530af rgb(165,48,175)
```
#af303a
```
#af303a rgb(175,48,58)
```
#3aaf30
```
#3aaf30 rgb(58,175,48)
```
#30afa5
```
#30afa5 rgb(48,175,165)
```

Tetradic Color

#732026
```
#732026 rgb(115,32,38)
```
#87252d
```
#87252d rgb(135,37,45)
```
#9b2b33
```
#9b2b33 rgb(155,43,51)
```
#af303a
```
#af303a rgb(175,48,58)
```
#c33541
```
#c33541 rgb(195,53,65)
```
#cc4650
```
#cc4650 rgb(204,70,80)
```
#d25a63
```
#d25a63 rgb(210,90,99)
```

Monochromatic Color

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

#af305a
```
#af305a rgb(175,48,90)
```
#af304f
```
#af304f rgb(175,48,79)
```
#af3045
```
#af3045 rgb(175,48,69)
```
#af303a
```
#af303a rgb(175,48,58)
```
#af3130
```
#af3130 rgb(175,49,48)
```
#af3b30
```
#af3b30 rgb(175,59,48)
```
#af4630
```
#af4630 rgb(175,70,48)
```

Similar Colors

Text with hexadecimal color #af303a

This text has a font color of #af303a.

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

#af303a background color

This paragraph has a background color of #af303a.

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

#af303a border color

This element has a border color of #af303a.

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

CSS codes

.text {color:#af303a;}

.background {background-color:#af303a;}

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

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

#060202
```
#060202 rgb(6,2,2)
```
#150607
```
#150607 rgb(21,6,7)
```
#240a0c
```
#240a0c rgb(36,10,12)
```
#340e11
```
#340e11 rgb(52,14,17)
```
#431216
```
#431216 rgb(67,18,22)
```
#53171b
```
#53171b rgb(83,23,27)
```
#621b20
```
#621b20 rgb(98,27,32)
```
#711f26
```
#711f26 rgb(113,31,38)
```
#81232b
```
#81232b rgb(129,35,43)
```
#902830
```
#902830 rgb(144,40,48)
```
#a02c35
```
#a02c35 rgb(160,44,53)
```
#af303a
```
#af303a rgb(175,48,58)
```
#be343f
```
#be343f rgb(190,52,63)
```

Shade Color Variation

#ca3d48
```
#ca3d48 rgb(202,61,72)
```
#ce4c56
```
#ce4c56 rgb(206,76,86)
```
#d25b65
```
#d25b65 rgb(210,91,101)
```
#d66b73
```
#d66b73 rgb(214,107,115)
```
#db7a82
```
#db7a82 rgb(219,122,130)
```
#df8a90
```
#df8a90 rgb(223,138,144)
```
#e3999f
```
#e3999f rgb(227,153,159)
```
#e7a8ad
```
#e7a8ad rgb(231,168,173)
```
#ebb8bc
```
#ebb8bc rgb(235,184,188)
```
#f0c7ca
```
#f0c7ca rgb(240,199,202)
```
#f4d6d9
```
#f4d6d9 rgb(244,214,217)
```
#f8e6e7
```
#f8e6e7 rgb(248,230,231)
```
#fcf5f6
```
#fcf5f6 rgb(252,245,246)
```

Tint Color Variation

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

#736c6d
```
#736c6d rgb(115,108,109)
```
#7c6365
```
#7c6365 rgb(124,99,101)
```
#845b5e
```
#845b5e rgb(132,91,94)
```
#8d5257
```
#8d5257 rgb(141,82,87)
```
#954a50
```
#954a50 rgb(149,74,80)
```
#9e4148
```
#9e4148 rgb(158,65,72)
```
#a63941
```
#a63941 rgb(166,57,65)
```
#af303a
```
#af303a rgb(175,48,58)
```
#b82733
```
#b82733 rgb(184,39,51)
```
#c01f2c
```
#c01f2c rgb(192,31,44)
```
#c91624
```
#c91624 rgb(201,22,36)
```
#d10e1d
```
#d10e1d rgb(209,14,29)
```
#da0516
```
#da0516 rgb(218,5,22)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#694f51 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6d6754 Protanopia 1% of men
#7d633b Deuteranopia 1% of men
#b23b3e Tritanopia 0.001% of the population

Trichromacy

#85534a Protanomaly 1% of men, 0.01% of women
#8f503b Deuteranomaly 6% of men, 0.4% of women
#b1373c Tritanomaly 0.01% of the population

#af303a hex color

#af303a Color Information

#af303a Color Conversion

Color Schemes with #af303a

Alternatives to #af303a

#af303a Preview

Shades and Tints of #af303a

Tones of #af303a

Color Blindness Simulator