colorhexa.com

#cd3946 hex color

In a RGB color space, hex #cd3946 is composed of 80.4% red, 22.4% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.2% magenta, 65.9% yellow and 19.6% black. It has a hue angle of 354.7 degrees, a saturation of 59.7% and a lightness of 51.4%. #cd3946 color hex could be obtained by blending #ff728c with #9b0000. Closest websafe color is: #cc3333.

- R 80
- G 22
- B 27
RGB color chart
- C 0
- M 72
- Y 66
- K 20
CMYK color chart

● #cd3946 color description : Moderate red.

The hexadecimal color #cd3946 has RGB values of R:205, G:57, B:70 and CMYK values of C:0, M:0.72, Y:0.66, K:0.2. Its decimal value is 13449542.

Hex triplet	cd3946	`#cd3946`
RGB Decimal	205, 57, 70	`rgb(205,57,70)`
RGB Percent	80.4, 22.4, 27.5	`rgb(80.4%,22.4%,27.5%)`
CMYK	0, 72, 66, 20
HSL	354.7°, 59.7, 51.4	`hsl(354.7,59.7%,51.4%)`
HSV (or HSB)	354.7°, 72.2, 80.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	47.431, 58.275, 27.42
XYZ	27.747, 16.351, 7.489
xyY	0.538, 0.317, 16.351
CIE-LCH	47.431, 64.404, 25.198
CIE-LUV	47.431, 109.621, 18.312
Hunter-Lab	40.436, 51.721, 17.324
Binary	11001101, 00111001, 01000110

#cd3946
```
#cd3946 rgb(205,57,70)
```
#39cdc0
```
#39cdc0 rgb(57,205,192)
```

Complementary Color

#cd3990
```
#cd3990 rgb(205,57,144)
```
#cd3946
```
#cd3946 rgb(205,57,70)
```
#cd7639
```
#cd7639 rgb(205,118,57)
```

Analogous Color

#3990cd
```
#3990cd rgb(57,144,205)
```
#cd3946
```
#cd3946 rgb(205,57,70)
```
#39cd76
```
#39cd76 rgb(57,205,118)
```

Split Complementary Color

#3946cd
```
#3946cd rgb(57,70,205)
```
#cd3946
```
#cd3946 rgb(205,57,70)
```
#46cd39
```
#46cd39 rgb(70,205,57)
```

Triadic Color

#c039cd
```
#c039cd rgb(192,57,205)
```
#cd3946
```
#cd3946 rgb(205,57,70)
```
#46cd39
```
#46cd39 rgb(70,205,57)
```
#39cdc0
```
#39cdc0 rgb(57,205,192)
```

Tetradic Color

#94252f
```
#94252f rgb(148,37,47)
```
#a82b36
```
#a82b36 rgb(168,43,54)
```
#bd303c
```
#bd303c rgb(189,48,60)
```
#cd3946
```
#cd3946 rgb(205,57,70)
```
#d24d59
```
#d24d59 rgb(210,77,89)
```
#d7626c
```
#d7626c rgb(215,98,108)
```
#dc767f
```
#dc767f rgb(220,118,127)
```

Monochromatic Color

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

#cd396b
```
#cd396b rgb(205,57,107)
```
#cd395f
```
#cd395f rgb(205,57,95)
```
#cd3952
```
#cd3952 rgb(205,57,82)
```
#cd3946
```
#cd3946 rgb(205,57,70)
```
#cd393a
```
#cd393a rgb(205,57,58)
```
#cd4539
```
#cd4539 rgb(205,69,57)
```
#cd5139
```
#cd5139 rgb(205,81,57)
```

Similar Colors

Text with hexadecimal color #cd3946

This text has a font color of #cd3946.

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

#cd3946 background color

This paragraph has a background color of #cd3946.

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

#cd3946 border color

This element has a border color of #cd3946.

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

CSS codes

.text {color:#cd3946;}

.background {background-color:#cd3946;}

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

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, #060102 is the darkest color, while #fcf5f6 is the lightest one.

#060102
```
#060102 rgb(6,1,2)
```
#150507
```
#150507 rgb(21,5,7)
```
#25090c
```
#25090c rgb(37,9,12)
```
#350d11
```
#350d11 rgb(53,13,17)
```
#441116
```
#441116 rgb(68,17,22)
```
#54151b
```
#54151b rgb(84,21,27)
```
#641920
```
#641920 rgb(100,25,32)
```
#731d25
```
#731d25 rgb(115,29,37)
```
#83212a
```
#83212a rgb(131,33,42)
```
#93252f
```
#93252f rgb(147,37,47)
```
#a22934
```
#a22934 rgb(162,41,52)
```
#b22d39
```
#b22d39 rgb(178,45,57)
```
#c2313e
```
#c2313e rgb(194,49,62)
```

Shade Color Variation

#cd3946
```
#cd3946 rgb(205,57,70)
```
#d14955
```
#d14955 rgb(209,73,85)
```
#d55863
```
#d55863 rgb(213,88,99)
```
#d96872
```
#d96872 rgb(217,104,114)
```
#dd7881
```
#dd7881 rgb(221,120,129)
```
#e1878f
```
#e1878f rgb(225,135,143)
```
#e5979e
```
#e5979e rgb(229,151,158)
```
#e9a7ac
```
#e9a7ac rgb(233,167,172)
```
#edb6bb
```
#edb6bb rgb(237,182,187)
```
#f1c6ca
```
#f1c6ca rgb(241,198,202)
```
#f5d6d8
```
#f5d6d8 rgb(245,214,216)
```
#f9e5e7
```
#f9e5e7 rgb(249,229,231)
```
#fcf5f6
```
#fcf5f6 rgb(252,245,246)
```

Tint Color Variation

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

#8a7c7d
```
#8a7c7d rgb(138,124,125)
```
#947275
```
#947275 rgb(148,114,117)
```
#9d696d
```
#9d696d rgb(157,105,109)
```
#a75f65
```
#a75f65 rgb(167,95,101)
```
#b0565e
```
#b0565e rgb(176,86,94)
```
#ba4c56
```
#ba4c56 rgb(186,76,86)
```
#c3434e
```
#c3434e rgb(195,67,78)
```
#cd3946
```
#cd3946 rgb(205,57,70)
```
#d72f3e
```
#d72f3e rgb(215,47,62)
```
#e02636
```
#e02636 rgb(224,38,54)
```
#ea1c2e
```
#ea1c2e rgb(234,28,46)
```
#f31327
```
#f31327 rgb(243,19,39)
```
#fd091f
```
#fd091f rgb(253,9,31)
```

Tone Color Variation

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

#676767 Achromatopsia 0.005% of the population
#7b5e60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7762 Protanopia 1% of men
#917245 Deuteranopia 1% of men
#cf4447 Tritanopia 0.001% of the population

Trichromacy

#9b6058 Protanomaly 1% of men, 0.01% of women
#a65d45 Deuteranomaly 6% of men, 0.4% of women
#ce4047 Tritanomaly 0.01% of the population