#af333a Color Information
In a RGB color space, hex #af333a is composed of 68.6% red, 20% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.9% magenta, 66.9% yellow and 31.4% black. It has a hue angle of 356.6 degrees, a saturation of 54.9% and a lightness of 44.3%. #af333a color hex could be obtained by blending #ff6674 with #5f0000. Closest websafe color is: #993333.
-
- R 69
- G 20
- B 23
-
- C 0
- M 71
- Y 67
- K 31
● #af333a color description : Dark red.
#af333a Color Conversion
The hexadecimal color #af333a has RGB values of R:175, G:51, B:58 and CMYK values of C:0, M:0.71, Y:0.67, K:0.31. Its decimal value is 11481914.
Hex triplet | af333a | #af333a |
---|---|---|
RGB Decimal | 175, 51, 58 | rgb(175,51,58) |
RGB Percent | 68.6, 20, 22.7 | rgb(68.6%,20%,22.7%) |
CMYK | 0, 71, 67, 31 | |
HSL | 356.6°, 54.9, 44.3 | hsl(356.6,54.9%,44.3%) |
HSV (or HSB) | 356.6°, 70.9, 68.6 | |
Web Safe | 993333 | #993333 |
CIE-LAB | 40.879, 50.368, 25.298 |
---|---|
XYZ | 19.628, 11.789, 5.245 |
xyY | 0.535, 0.322, 11.789 |
CIE-LCH | 40.879, 56.364, 26.668 |
CIE-LUV | 40.879, 91.48, 16.834 |
Hunter-Lab | 34.336, 41.95, 14.978 |
Binary | 10101111, 00110011, 00111010 |
Color Schemes with #af333a
Alternatives to #af333a
Below, you can see some colors close to #af333a. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af333a Preview
This text has a font color of #af333a.
<span style="color:#af333a;">Text here</span>
This paragraph has a background color of #af333a.
<p style="background-color:#af333a;">Content here</p>
This element has a border color of #af333a.
<div style="border:1px solid #af333a;">Content here</div>
.text {color:#af333a;}
.background {background-color:#af333a;}
.border {border:1px solid #af333a;}
Shades and Tints of #af333a
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, #080203 is the darkest color, while #fdf8f8 is the lightest one.
-
#080203
#080203
rgb(8,2,3)
-
#170708
#170708
rgb(23,7,8)
-
#260b0d
#260b0d
rgb(38,11,13)
-
#351012
#351012
rgb(53,16,18)
-
#451417
#451417
rgb(69,20,23)
-
#54181c
#54181c
rgb(84,24,28)
-
#631d21
#631d21
rgb(99,29,33)
-
#722126
#722126
rgb(114,33,38)
-
#81262b
#81262b
rgb(129,38,43)
-
#912a30
#912a30
rgb(145,42,48)
-
#a02f35
#a02f35
rgb(160,47,53)
-
#af333a
#af333a
rgb(175,51,58)
-
#be373f
#be373f
rgb(190,55,63)
-
#c84149
#c84149
rgb(200,65,73)
-
#cc5158
#cc5158
rgb(204,81,88)
-
#d16066
#d16066
rgb(209,96,102)
-
#d56f75
#d56f75
rgb(213,111,117)
-
#d97e83
#d97e83
rgb(217,126,131)
-
#de8d92
#de8d92
rgb(222,141,146)
-
#e29da1
#e29da1
rgb(226,157,161)
-
#e7acaf
#e7acaf
rgb(231,172,175)
-
#ebbbbe
#ebbbbe
rgb(235,187,190)
-
#f0cacc
#f0cacc
rgb(240,202,204)
-
#f4d9db
#f4d9db
rgb(244,217,219)
-
#f8e9e9
#f8e9e9
rgb(248,233,233)
-
#fdf8f8
#fdf8f8
rgb(253,248,248)
Tones of #af333a
A tone is produced by adding gray to any pure hue. In this case, #727070 is the less saturated color, while #da0813 is the most saturated one.
-
#727070
#727070
rgb(114,112,112)
-
#7b6768
#7b6768
rgb(123,103,104)
-
#845e61
#845e61
rgb(132,94,97)
-
#8c5659
#8c5659
rgb(140,86,89)
-
#954d51
#954d51
rgb(149,77,81)
-
#9e4449
#9e4449
rgb(158,68,73)
-
#a63c42
#a63c42
rgb(166,60,66)
-
#af333a
#af333a
rgb(175,51,58)
-
#b82a32
#b82a32
rgb(184,42,50)
-
#c0222b
#c0222b
rgb(192,34,43)
-
#c91923
#c91923
rgb(201,25,35)
-
#d2101b
#d2101b
rgb(210,16,27)
-
#da0813
#da0813
rgb(218,8,19)
Color Blindness Simulator
Below, you can see how #af333a 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.