#af3444 Color Information
In a RGB color space, hex #af3444 is composed of 68.6% red, 20.4% green and 26.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 70.3% magenta, 61.1% yellow and 31.4% black. It has a hue angle of 352.2 degrees, a saturation of 54.2% and a lightness of 44.5%. #af3444 color hex could be obtained by blending #ff6888 with #5f0000. Closest websafe color is: #993333.
-
- R 69
- G 20
- B 27
-
- C 0
- M 70
- Y 61
- K 31
● #af3444 color description : Dark red.
#af3444 Color Conversion
The hexadecimal color #af3444 has RGB values of R:175, G:52, B:68 and CMYK values of C:0, M:0.7, Y:0.61, K:0.31. Its decimal value is 11482180.
| Hex triplet | af3444 | #af3444 |
|---|---|---|
| RGB Decimal | 175, 52, 68 | rgb(175,52,68) |
| RGB Percent | 68.6, 20.4, 26.7 | rgb(68.6%,20.4%,26.7%) |
| CMYK | 0, 70, 61, 31 | |
| HSL | 352.2°, 54.2, 44.5 | hsl(352.2,54.2%,44.5%) |
| HSV (or HSB) | 352.2°, 70.3, 68.6 | |
| Web Safe | 993333 | #993333 |
| CIE-LAB | 41.199, 50.605, 19.535 |
|---|---|
| XYZ | 19.951, 11.989, 6.732 |
| xyY | 0.516, 0.31, 11.989 |
| CIE-LCH | 41.199, 54.244, 21.108 |
| CIE-LUV | 41.199, 88.334, 11.871 |
| Hunter-Lab | 34.626, 42.256, 12.711 |
| Binary | 10101111, 00110100, 01000100 |
Color Schemes with #af3444
Alternatives to #af3444
Below, you can see some colors close to #af3444. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af3444 Preview
This text has a font color of #af3444.
<span style="color:#af3444;">Text here</span>
This paragraph has a background color of #af3444.
<p style="background-color:#af3444;">Content here</p>
This element has a border color of #af3444.
<div style="border:1px solid #af3444;">Content here</div>
.text {color:#af3444;}
.background {background-color:#af3444;}
.border {border:1px solid #af3444;}
Shades and Tints of #af3444
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, #090303 is the darkest color, while #fdf9f9 is the lightest one.
-
#090303
#090303rgb(9,3,3) -
#180709
#180709rgb(24,7,9) -
#270c0f
#270c0frgb(39,12,15) -
#361015
#361015rgb(54,16,21) -
#45151b
#45151brgb(69,21,27) -
#541921
#541921rgb(84,25,33) -
#631e27
#631e27rgb(99,30,39) -
#73222c
#73222crgb(115,34,44) -
#822732
#822732rgb(130,39,50) -
#912b38
#912b38rgb(145,43,56) -
#a0303e
#a0303ergb(160,48,62) -
#af3444
#af3444rgb(175,52,68) -
#be384a
#be384argb(190,56,74)
-
#c74354
#c74354rgb(199,67,84) -
#cc5262
#cc5262rgb(204,82,98) -
#d06170
#d06170rgb(208,97,112) -
#d5707d
#d5707drgb(213,112,125) -
#d9808b
#d9808brgb(217,128,139) -
#de8f99
#de8f99rgb(222,143,153) -
#e29ea7
#e29ea7rgb(226,158,167) -
#e7adb4
#e7adb4rgb(231,173,180) -
#ebbcc2
#ebbcc2rgb(235,188,194) -
#f0cbd0
#f0cbd0rgb(240,203,208) -
#f4dade
#f4dadergb(244,218,222) -
#f9e9eb
#f9e9ebrgb(249,233,235) -
#fdf9f9
#fdf9f9rgb(253,249,249)
Tones of #af3444
A tone is produced by adding gray to any pure hue. In this case, #727171 is the less saturated color, while #db0824 is the most saturated one.
-
#727171
#727171rgb(114,113,113) -
#7b686b
#7b686brgb(123,104,107) -
#836064
#836064rgb(131,96,100) -
#8c575e
#8c575ergb(140,87,94) -
#954e57
#954e57rgb(149,78,87) -
#9e4551
#9e4551rgb(158,69,81) -
#a63d4a
#a63d4argb(166,61,74) -
#af3444
#af3444rgb(175,52,68) -
#b82b3e
#b82b3ergb(184,43,62) -
#c02337
#c02337rgb(192,35,55) -
#c91a31
#c91a31rgb(201,26,49) -
#d2112a
#d2112argb(210,17,42) -
#db0824
#db0824rgb(219,8,36)
Color Blindness Simulator
Below, you can see how #af3444 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.
