colorhexa.com

#af2745 hex color

In a RGB color space, hex #af2745 is composed of 68.6% red, 15.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 77.7% magenta, 60.6% yellow and 31.4% black. It has a hue angle of 346.8 degrees, a saturation of 63.6% and a lightness of 42%. #af2745 color hex could be obtained by blending #ff4e8a with #5f0000. Closest websafe color is: #993333.

- R 69
- G 15
- B 27
RGB color chart
- C 0
- M 78
- Y 61
- K 31
CMYK color chart

● #af2745 color description : Dark red.

The hexadecimal color #af2745 has RGB values of R:175, G:39, B:69 and CMYK values of C:0, M:0.78, Y:0.61, K:0.31. Its decimal value is 11478853.

Hex triplet	af2745	`#af2745`
RGB Decimal	175, 39, 69	`rgb(175,39,69)`
RGB Percent	68.6, 15.3, 27.1	`rgb(68.6%,15.3%,27.1%)`
CMYK	0, 78, 61, 31
HSL	346.8°, 63.6, 42	`hsl(346.8,63.6%,42%)`
HSV (or HSB)	346.8°, 77.7, 68.6
Web Safe	993333	`#993333`

CIE-LAB	39.575, 55.245, 16.755
XYZ	19.48, 10.997, 6.727
xyY	0.524, 0.296, 10.997
CIE-LCH	39.575, 57.73, 16.872
CIE-LUV	39.575, 94.134, 7.906
Hunter-Lab	33.162, 46.821, 11.186
Binary	10101111, 00100111, 01000101

#af2745
```
#af2745 rgb(175,39,69)
```
#27af91
```
#27af91 rgb(39,175,145)
```

Complementary Color

#af2789
```
#af2789 rgb(175,39,137)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#af4d27
```
#af4d27 rgb(175,77,39)
```

Analogous Color

#2789af
```
#2789af rgb(39,137,175)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#27af4d
```
#27af4d rgb(39,175,77)
```

Split Complementary Color

#2745af
```
#2745af rgb(39,69,175)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#45af27
```
#45af27 rgb(69,175,39)
```

Triadic Color

#9127af
```
#9127af rgb(145,39,175)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#45af27
```
#45af27 rgb(69,175,39)
```
#27af91
```
#27af91 rgb(39,175,145)
```

Tetradic Color

#70192c
```
#70192c rgb(112,25,44)
```
#851e35
```
#851e35 rgb(133,30,53)
```
#9a223d
```
#9a223d rgb(154,34,61)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#c42c4d
```
#c42c4d rgb(196,44,77)
```
#d23759
```
#d23759 rgb(210,55,89)
```
#d74c6a
```
#d74c6a rgb(215,76,106)
```

Monochromatic Color

Below, you can see some colors close to #af2745. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#af2767
```
#af2767 rgb(175,39,103)
```
#af275c
```
#af275c rgb(175,39,92)
```
#af2750
```
#af2750 rgb(175,39,80)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#af273a
```
#af273a rgb(175,39,58)
```
#af272e
```
#af272e rgb(175,39,46)
```
#af2b27
```
#af2b27 rgb(175,43,39)
```

Similar Colors

Text with hexadecimal color #af2745

This text has a font color of #af2745.

<span style="color:#af2745;">Text here</span>

#af2745 background color

This paragraph has a background color of #af2745.

<p style="background-color:#af2745;">Content here</p>

#af2745 border color

This element has a border color of #af2745.

<div style="border:1px solid #af2745;">Content here</div>

CSS codes

.text {color:#af2745;}

.background {background-color:#af2745;}

.border {border:1px solid #af2745;}

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, #0f0306 is the darkest color, while #fffefe is the lightest one.

#0f0306
```
#0f0306 rgb(15,3,6)
```
#1f070c
```
#1f070c rgb(31,7,12)
```
#2f0a12
```
#2f0a12 rgb(47,10,18)
```
#3f0e19
```
#3f0e19 rgb(63,14,25)
```
#4f121f
```
#4f121f rgb(79,18,31)
```
#5f1525
```
#5f1525 rgb(95,21,37)
```
#6f192c
```
#6f192c rgb(111,25,44)
```
#7f1c32
```
#7f1c32 rgb(127,28,50)
```
#8f2038
```
#8f2038 rgb(143,32,56)
```
#9f233f
```
#9f233f rgb(159,35,63)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#bf2b4b
```
#bf2b4b rgb(191,43,75)
```
#cf2e52
```
#cf2e52 rgb(207,46,82)
```

Shade Color Variation

#d43d5e
```
#d43d5e rgb(212,61,94)
```
#d74d6c
```
#d74d6c rgb(215,77,108)
```
#db5d79
```
#db5d79 rgb(219,93,121)
```
#df6d86
```
#df6d86 rgb(223,109,134)
```
#e27d93
```
#e27d93 rgb(226,125,147)
```
#e68da1
```
#e68da1 rgb(230,141,161)
```
#e99dae
```
#e99dae rgb(233,157,174)
```
#edadbb
```
#edadbb rgb(237,173,187)
```
#f0bdc9
```
#f0bdc9 rgb(240,189,201)
```
#f4cdd6
```
#f4cdd6 rgb(244,205,214)
```
#f8dde3
```
#f8dde3 rgb(248,221,227)
```
#fbeef1
```
#fbeef1 rgb(251,238,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6d696a is the less saturated color, while #d00633 is the most saturated one.

#6d696a
```
#6d696a rgb(109,105,106)
```
#756165
```
#756165 rgb(117,97,101)
```
#7e5861
```
#7e5861 rgb(126,88,97)
```
#86505c
```
#86505c rgb(134,80,92)
```
#8e4857
```
#8e4857 rgb(142,72,87)
```
#964053
```
#964053 rgb(150,64,83)
```
#9f374e
```
#9f374e rgb(159,55,78)
```
#a72f4a
```
#a72f4a rgb(167,47,74)
```
#af2745
```
#af2745 rgb(175,39,69)
```
#b71f40
```
#b71f40 rgb(183,31,64)
```
#bf173c
```
#bf173c rgb(191,23,60)
```
#c80e37
```
#c80e37 rgb(200,14,55)
```
#d00633
```
#d00633 rgb(208,6,51)
```

Tone Color Variation

Below, you can see how #af2745 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.

Monochromacy

#535353 Achromatopsia 0.005% of the population
#654a50 Atypical Achromatopsia 0.001% of the population

Dichromacy

#676563 Protanopia 1% of men
#786145 Deuteranopia 1% of men
#b23639 Tritanopia 0.001% of the population

Trichromacy

#814e58 Protanomaly 1% of men, 0.01% of women
#8c4c45 Deuteranomaly 6% of men, 0.4% of women
#b1313d Tritanomaly 0.01% of the population