#d42345 hex color

In a RGB color space, hex #d42345 is composed of 83.1% red, 13.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 83.5% magenta, 67.5% yellow and 16.9% black. It has a hue angle of 348.5 degrees, a saturation of 71.7% and a lightness of 48.4%. #d42345 color hex could be obtained by blending #ff468a with #a90000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 83
- G 14
- B 27
RGB color chart
- C 0
- M 83
- Y 67
- K 17
CMYK color chart

● #d42345 color description : Strong red.

The hexadecimal color #d42345 has RGB values of R:212, G:35, B:69 and CMYK values of C:0, M:0.83, Y:0.67, K:0.17. Its decimal value is 13902661.

Hex triplet	d42345	`#d42345`
RGB Decimal	212, 35, 69	`rgb(212,35,69)`
RGB Percent	83.1, 13.7, 27.1	`rgb(83.1%,13.7%,27.1%)`
CMYK	0, 83, 67, 17
HSL	348.5°, 71.7, 48.4	`hsl(348.5,71.7%,48.4%)`
HSV (or HSB)	348.5°, 83.5, 83.1
Web Safe	cc3333	`#cc3333`

CIE-LAB	46.488, 66.594, 27.128
XYZ	28.828, 15.632, 7.129
xyY	0.559, 0.303, 15.632
CIE-LCH	46.488, 71.907, 22.164
CIE-LUV	46.488, 125.214, 15.613
Hunter-Lab	39.538, 60.958, 16.985
Binary	11010100, 00100011, 01000101

#d42345
```
#d42345 rgb(212,35,69)
```
#23d4b2
```
#23d4b2 rgb(35,212,178)
```

Complementary Color

#d4239e
```
#d4239e rgb(212,35,158)
```
#d42345
```
#d42345 rgb(212,35,69)
```
#d45a23
```
#d45a23 rgb(212,90,35)
```

Analogous Color

#239ed4
```
#239ed4 rgb(35,158,212)
```
#d42345
```
#d42345 rgb(212,35,69)
```
#23d45a
```
#23d45a rgb(35,212,90)
```

Split Complementary Color

#2345d4
```
#2345d4 rgb(35,69,212)
```
#d42345
```
#d42345 rgb(212,35,69)
```
#45d423
```
#45d423 rgb(69,212,35)
```

Triadic Color

#b223d4
```
#b223d4 rgb(178,35,212)
```
#d42345
```
#d42345 rgb(212,35,69)
```
#45d423
```
#45d423 rgb(69,212,35)
```
#23d4b2
```
#23d4b2 rgb(35,212,178)
```

Tetradic Color

#921830
```
#921830 rgb(146,24,48)
```
#a81c37
```
#a81c37 rgb(168,28,55)
```
#be1f3e
```
#be1f3e rgb(190,31,62)
```
#d42345
```
#d42345 rgb(212,35,69)
```
#dd3354
```
#dd3354 rgb(221,51,84)
```
#e14966
```
#e14966 rgb(225,73,102)
```
#e55f79
```
#e55f79 rgb(229,95,121)
```

Monochromatic Color

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

#d42371
```
#d42371 rgb(212,35,113)
```
#d42363
```
#d42363 rgb(212,35,99)
```
#d42354
```
#d42354 rgb(212,35,84)
```
#d42345
```
#d42345 rgb(212,35,69)
```
#d42336
```
#d42336 rgb(212,35,54)
```
#d42327
```
#d42327 rgb(212,35,39)
```
#d42d23
```
#d42d23 rgb(212,45,35)
```

Similar Colors

Text with hexadecimal color #d42345

This text has a font color of #d42345.

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

#d42345 background color

This paragraph has a background color of #d42345.

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

#d42345 border color

This element has a border color of #d42345.

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

CSS codes

.text {color:#d42345;}

.background {background-color:#d42345;}

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

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

#0a0203
```
#0a0203 rgb(10,2,3)
```
#1b0409
```
#1b0409 rgb(27,4,9)
```
#2c070e
```
#2c070e rgb(44,7,14)
```
#3c0a14
```
#3c0a14 rgb(60,10,20)
```
#4d0d19
```
#4d0d19 rgb(77,13,25)
```
#5e101f
```
#5e101f rgb(94,16,31)
```
#6f1224
```
#6f1224 rgb(111,18,36)
```
#80152a
```
#80152a rgb(128,21,42)
```
#91182f
```
#91182f rgb(145,24,47)
```
#a11b35
```
#a11b35 rgb(161,27,53)
```
#b21d3a
```
#b21d3a rgb(178,29,58)
```
#c32040
```
#c32040 rgb(195,32,64)
```
#d42345
```
#d42345 rgb(212,35,69)
```

Shade Color Variation

#dd2e50
```
#dd2e50 rgb(221,46,80)
```
#df3f5e
```
#df3f5e rgb(223,63,94)
```
#e2506c
```
#e2506c rgb(226,80,108)
```
#e5617a
```
#e5617a rgb(229,97,122)
```
#e87188
```
#e87188 rgb(232,113,136)
```
#ea8296
```
#ea8296 rgb(234,130,150)
```
#ed93a4
```
#ed93a4 rgb(237,147,164)
```
#f0a4b3
```
#f0a4b3 rgb(240,164,179)
```
#f3b5c1
```
#f3b5c1 rgb(243,181,193)
```
#f6c6cf
```
#f6c6cf rgb(246,198,207)
```
#f8d6dd
```
#f8d6dd rgb(248,214,221)
```
#fbe7eb
```
#fbe7eb rgb(251,231,235)
```
#fef8f9
```
#fef8f9 rgb(254,248,249)
```

Tint Color Variation

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

#7f797a
```
#7f797a rgb(127,121,122)
```
#886f74
```
#886f74 rgb(136,111,116)
```
#92666e
```
#92666e rgb(146,102,110)
```
#9b5c68
```
#9b5c68 rgb(155,92,104)
```
#a55362
```
#a55362 rgb(165,83,98)
```
#ae495c
```
#ae495c rgb(174,73,92)
```
#b84057
```
#b84057 rgb(184,64,87)
```
#c13651
```
#c13651 rgb(193,54,81)
```
#cb2d4b
```
#cb2d4b rgb(203,45,75)
```
#d42345
```
#d42345 rgb(212,35,69)
```
#de1a3f
```
#de1a3f rgb(222,26,63)
```
#e71039
```
#e71039 rgb(231,16,57)
```
#f10733
```
#f10733 rgb(241,7,51)
```

Tone Color Variation

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

#5c5c5c Achromatopsia 0.005% of the population
#745157 Atypical Achromatopsia 0.001% of the population

Dichromacy

#7b7566 Protanopia 1% of men
#8e7043 Deuteranopia 1% of men
#d53435 Tritanopia 0.001% of the population

Trichromacy

#9b575a Protanomaly 1% of men, 0.01% of women
#a75443 Deuteranomaly 6% of men, 0.4% of women
#d42e3a Tritanomaly 0.01% of the population

#d42345 hex color

#d42345 Color Information

#d42345 Color Conversion

Color Schemes with #d42345

Alternatives to #d42345

#d42345 Preview

Shades and Tints of #d42345

Tones of #d42345

Color Blindness Simulator