#af3356 Color Information
In a RGB color space, hex #af3356 is composed of 68.6% red, 20% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.9% magenta, 50.9% yellow and 31.4% black. It has a hue angle of 343.1 degrees, a saturation of 54.9% and a lightness of 44.3%. #af3356 color hex could be obtained by blending #ff66ac with #5f0000. Closest websafe color is: #993366.
-
- R 69
- G 20
- B 34
-
- C 0
- M 71
- Y 51
- K 31
● #af3356 color description : Dark pink.
#af3356 Color Conversion
The hexadecimal color #af3356 has RGB values of R:175, G:51, B:86 and CMYK values of C:0, M:0.71, Y:0.51, K:0.31. Its decimal value is 11481942.
Hex triplet | af3356 | #af3356 |
---|---|---|
RGB Decimal | 175, 51, 86 | rgb(175,51,86) |
RGB Percent | 68.6, 20, 33.7 | rgb(68.6%,20%,33.7%) |
CMYK | 0, 71, 51, 31 | |
HSL | 343.1°, 54.9, 44.3 | hsl(343.1,54.9%,44.3%) |
HSV (or HSB) | 343.1°, 70.9, 68.6 | |
Web Safe | 993366 | #993366 |
CIE-LAB | 41.462, 52.382, 8.633 |
---|---|
XYZ | 20.543, 12.156, 10.068 |
xyY | 0.48, 0.284, 12.156 |
CIE-LCH | 41.462, 53.088, 9.359 |
CIE-LUV | 41.462, 83.391, 0.555 |
Hunter-Lab | 34.865, 44.163, 7.284 |
Binary | 10101111, 00110011, 01010110 |
Color Schemes with #af3356
Alternatives to #af3356
Below, you can see some colors close to #af3356. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af3356 Preview
This text has a font color of #af3356.
<span style="color:#af3356;">Text here</span>
This paragraph has a background color of #af3356.
<p style="background-color:#af3356;">Content here</p>
This element has a border color of #af3356.
<div style="border:1px solid #af3356;">Content here</div>
.text {color:#af3356;}
.background {background-color:#af3356;}
.border {border:1px solid #af3356;}
Shades and Tints of #af3356
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, #080204 is the darkest color, while #fdf8f9 is the lightest one.
-
#080204
#080204
rgb(8,2,4)
-
#17070b
#17070b
rgb(23,7,11)
-
#260b13
#260b13
rgb(38,11,19)
-
#35101a
#35101a
rgb(53,16,26)
-
#451422
#451422
rgb(69,20,34)
-
#541829
#541829
rgb(84,24,41)
-
#631d31
#631d31
rgb(99,29,49)
-
#722138
#722138
rgb(114,33,56)
-
#812640
#812640
rgb(129,38,64)
-
#912a47
#912a47
rgb(145,42,71)
-
#a02f4f
#a02f4f
rgb(160,47,79)
-
#af3356
#af3356
rgb(175,51,86)
-
#be375d
#be375d
rgb(190,55,93)
-
#c84167
#c84167
rgb(200,65,103)
-
#cc5174
#cc5174
rgb(204,81,116)
-
#d16080
#d16080
rgb(209,96,128)
-
#d56f8c
#d56f8c
rgb(213,111,140)
-
#d97e98
#d97e98
rgb(217,126,152)
-
#de8da4
#de8da4
rgb(222,141,164)
-
#e29db0
#e29db0
rgb(226,157,176)
-
#e7acbc
#e7acbc
rgb(231,172,188)
-
#ebbbc9
#ebbbc9
rgb(235,187,201)
-
#f0cad5
#f0cad5
rgb(240,202,213)
-
#f4d9e1
#f4d9e1
rgb(244,217,225)
-
#f8e9ed
#f8e9ed
rgb(248,233,237)
-
#fdf8f9
#fdf8f9
rgb(253,248,249)
Tones of #af3356
A tone is produced by adding gray to any pure hue. In this case, #727070 is the less saturated color, while #da0843 is the most saturated one.
-
#727070
#727070
rgb(114,112,112)
-
#7b676d
#7b676d
rgb(123,103,109)
-
#845e69
#845e69
rgb(132,94,105)
-
#8c5665
#8c5665
rgb(140,86,101)
-
#954d61
#954d61
rgb(149,77,97)
-
#9e445e
#9e445e
rgb(158,68,94)
-
#a63c5a
#a63c5a
rgb(166,60,90)
-
#af3356
#af3356
rgb(175,51,86)
-
#b82a52
#b82a52
rgb(184,42,82)
-
#c0224e
#c0224e
rgb(192,34,78)
-
#c9194b
#c9194b
rgb(201,25,75)
-
#d21047
#d21047
rgb(210,16,71)
-
#da0843
#da0843
rgb(218,8,67)
Color Blindness Simulator
Below, you can see how #af3356 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.