#af3737 Color Information
In a RGB color space, hex #af3737 is composed of 68.6% red, 21.6% green and 21.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 68.6% magenta, 68.6% yellow and 31.4% black. It has a hue angle of 0 degrees, a saturation of 52.2% and a lightness of 45.1%. #af3737 color hex could be obtained by blending #ff6e6e with #5f0000. Closest websafe color is: #993333.
-
- R 69
- G 22
- B 22
-
- C 0
- M 69
- Y 69
- K 31
● #af3737 color description : Dark moderate red.
#af3737 Color Conversion
The hexadecimal color #af3737 has RGB values of R:175, G:55, B:55 and CMYK values of C:0, M:0.69, Y:0.69, K:0.31. Its decimal value is 11482935.
Hex triplet | af3737 | #af3737 |
---|---|---|
RGB Decimal | 175, 55, 55 | rgb(175,55,55) |
RGB Percent | 68.6, 21.6, 21.6 | rgb(68.6%,21.6%,21.6%) |
CMYK | 0, 69, 69, 31 | |
HSL | 0°, 52.2, 45.1 | hsl(0,52.2%,45.1%) |
HSV (or HSB) | 0°, 68.6, 68.6 | |
Web Safe | 993333 | #993333 |
CIE-LAB | 41.413, 48.61, 27.775 |
---|---|
XYZ | 19.736, 12.124, 4.915 |
xyY | 0.537, 0.33, 12.124 |
CIE-LCH | 41.413, 55.985, 29.743 |
CIE-LUV | 41.413, 89.936, 19.4 |
Hunter-Lab | 34.82, 40.238, 16.005 |
Binary | 10101111, 00110111, 00110111 |
Color Schemes with #af3737
Alternatives to #af3737
Below, you can see some colors close to #af3737. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#af3737 Preview
This text has a font color of #af3737.
<span style="color:#af3737;">Text here</span>
This paragraph has a background color of #af3737.
<p style="background-color:#af3737;">Content here</p>
This element has a border color of #af3737.
<div style="border:1px solid #af3737;">Content here</div>
.text {color:#af3737;}
.background {background-color:#af3737;}
.border {border:1px solid #af3737;}
Shades and Tints of #af3737
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, #0b0303 is the darkest color, while #fefbfb is the lightest one.
-
#0b0303
#0b0303
rgb(11,3,3)
-
#1a0808
#1a0808
rgb(26,8,8)
-
#290d0d
#290d0d
rgb(41,13,13)
-
#381111
#381111
rgb(56,17,17)
-
#471616
#471616
rgb(71,22,22)
-
#551b1b
#551b1b
rgb(85,27,27)
-
#642020
#642020
rgb(100,32,32)
-
#732424
#732424
rgb(115,36,36)
-
#822929
#822929
rgb(130,41,41)
-
#912e2e
#912e2e
rgb(145,46,46)
-
#a03232
#a03232
rgb(160,50,50)
-
#af3737
#af3737
rgb(175,55,55)
-
#be3c3c
#be3c3c
rgb(190,60,60)
-
#c54848
#c54848
rgb(197,72,72)
-
#ca5757
#ca5757
rgb(202,87,87)
-
#cf6666
#cf6666
rgb(207,102,102)
-
#d37575
#d37575
rgb(211,117,117)
-
#d88484
#d88484
rgb(216,132,132)
-
#dd9292
#dd9292
rgb(221,146,146)
-
#e2a1a1
#e2a1a1
rgb(226,161,161)
-
#e6b0b0
#e6b0b0
rgb(230,176,176)
-
#ebbfbf
#ebbfbf
rgb(235,191,191)
-
#f0cece
#f0cece
rgb(240,206,206)
-
#f4dddd
#f4dddd
rgb(244,221,221)
-
#f9ecec
#f9ecec
rgb(249,236,236)
-
#fefbfb
#fefbfb
rgb(254,251,251)
Tones of #af3737
A tone is produced by adding gray to any pure hue. In this case, #7a6c6c is the less saturated color, while #e40202 is the most saturated one.
-
#7a6c6c
#7a6c6c
rgb(122,108,108)
-
#836363
#836363
rgb(131,99,99)
-
#8c5a5a
#8c5a5a
rgb(140,90,90)
-
#945252
#945252
rgb(148,82,82)
-
#9d4949
#9d4949
rgb(157,73,73)
-
#a64040
#a64040
rgb(166,64,64)
-
#af3737
#af3737
rgb(175,55,55)
-
#b82e2e
#b82e2e
rgb(184,46,46)
-
#c12525
#c12525
rgb(193,37,37)
-
#ca1c1c
#ca1c1c
rgb(202,28,28)
-
#d21414
#d21414
rgb(210,20,20)
-
#db0b0b
#db0b0b
rgb(219,11,11)
-
#e40202
#e40202
rgb(228,2,2)
Color Blindness Simulator
Below, you can see how #af3737 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.