#af1424 Color Information
In a RGB color space, hex #af1424 is composed of 68.6% red, 7.8% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 88.6% magenta, 79.4% yellow and 31.4% black. It has a hue angle of 353.8 degrees, a saturation of 79.5% and a lightness of 38.2%. #af1424 color hex could be obtained by blending #ff2848 with #5f0000. Closest websafe color is: #990033.
-
- R 69
- G 8
- B 14
-
- C 0
- M 89
- Y 79
- K 31
● #af1424 color description : Dark red.
#af1424 Color Conversion
The hexadecimal color #af1424 has RGB values of R:175, G:20, B:36 and CMYK values of C:0, M:0.89, Y:0.79, K:0.31. Its decimal value is 11473956.
| Hex triplet | af1424 | #af1424 |
|---|---|---|
| RGB Decimal | 175, 20, 36 | rgb(175,20,36) |
| RGB Percent | 68.6, 7.8, 14.1 | rgb(68.6%,7.8%,14.1%) |
| CMYK | 0, 89, 79, 31 | |
| HSL | 353.8°, 79.5, 38.2 | hsl(353.8,79.5%,38.2%) |
| HSV (or HSB) | 353.8°, 88.6, 68.6 | |
| Web Safe | 990033 | #990033 |
| CIE-LAB | 37.379, 58.367, 34.522 |
|---|---|
| XYZ | 18.249, 9.744, 2.589 |
| xyY | 0.597, 0.319, 9.744 |
| CIE-LCH | 37.379, 67.812, 30.603 |
| CIE-LUV | 37.379, 109.876, 19.925 |
| Hunter-Lab | 31.215, 49.726, 16.933 |
| Binary | 10101111, 00010100, 00100100 |
Color Schemes with #af1424
Alternatives to #af1424
Below, you can see some colors close to #af1424. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af1424 Preview
This text has a font color of #af1424.
<span style="color:#af1424;">Text here</span>
This paragraph has a background color of #af1424.
<p style="background-color:#af1424;">Content here</p>
This element has a border color of #af1424.
<div style="border:1px solid #af1424;">Content here</div>
.text {color:#af1424;}
.background {background-color:#af1424;}
.border {border:1px solid #af1424;}
Shades and Tints of #af1424
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, #110203 is the darkest color, while #fffefe is the lightest one.
-
#110203
#110203rgb(17,2,3) -
#220407
#220407rgb(34,4,7) -
#34060b
#34060brgb(52,6,11) -
#45080e
#45080ergb(69,8,14) -
#570a12
#570a12rgb(87,10,18) -
#690c16
#690c16rgb(105,12,22) -
#7a0e19
#7a0e19rgb(122,14,25) -
#8c101d
#8c101drgb(140,16,29) -
#9d1220
#9d1220rgb(157,18,32) -
#af1424
#af1424rgb(175,20,36) -
#c11628
#c11628rgb(193,22,40) -
#d2182b
#d2182brgb(210,24,43) -
#e41a2f
#e41a2frgb(228,26,47)
-
#e72b3e
#e72b3ergb(231,43,62) -
#e93c4e
#e93c4ergb(233,60,78) -
#eb4e5e
#eb4e5ergb(235,78,94) -
#ed606e
#ed606ergb(237,96,110) -
#ef717e
#ef717ergb(239,113,126) -
#f1838e
#f1838ergb(241,131,142) -
#f3949e
#f3949ergb(243,148,158) -
#f5a6ae
#f5a6aergb(245,166,174) -
#f7b8be
#f7b8bergb(247,184,190) -
#f9c9ce
#f9c9cergb(249,201,206) -
#fbdbde
#fbdbdergb(251,219,222) -
#fdecee
#fdeceergb(253,236,238) -
#fffefe
#fffefergb(255,254,254)
Tones of #af1424
A tone is produced by adding gray to any pure hue. In this case, #645f60 is the less saturated color, while #be0518 is the most saturated one.
-
#645f60
#645f60rgb(100,95,96) -
#6c585a
#6c585argb(108,88,90) -
#735054
#735054rgb(115,80,84) -
#7b494e
#7b494ergb(123,73,78) -
#824148
#824148rgb(130,65,72) -
#8a3a42
#8a3a42rgb(138,58,66) -
#91323c
#91323crgb(145,50,60) -
#992b36
#992b36rgb(153,43,54) -
#a02330
#a02330rgb(160,35,48) -
#a81c2a
#a81c2argb(168,28,42) -
#af1424
#af1424rgb(175,20,36) -
#b70d1e
#b70d1ergb(183,13,30) -
#be0518
#be0518rgb(190,5,24)
Color Blindness Simulator
Below, you can see how #af1424 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.
