colorhexa.com

#d23942 hex color

In a RGB color space, hex #d23942 is composed of 82.4% red, 22.4% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.9% magenta, 68.6% yellow and 17.6% black. It has a hue angle of 356.5 degrees, a saturation of 63% and a lightness of 52.4%. #d23942 color hex could be obtained by blending #ff7284 with #a50000. Closest websafe color is: #cc3333.

- R 82
- G 22
- B 26
RGB color chart
- C 0
- M 73
- Y 69
- K 18
CMYK color chart

● #d23942 color description : Moderate red.

The hexadecimal color #d23942 has RGB values of R:210, G:57, B:66 and CMYK values of C:0, M:0.73, Y:0.69, K:0.18. Its decimal value is 13777218.

Hex triplet	d23942	`#d23942`
RGB Decimal	210, 57, 66	`rgb(210,57,66)`
RGB Percent	82.4, 22.4, 25.9	`rgb(82.4%,22.4%,25.9%)`
CMYK	0, 73, 69, 18
HSL	356.5°, 63, 52.4	`hsl(356.5,63%,52.4%)`
HSV (or HSB)	356.5°, 72.9, 82.4
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.291, 59.592, 31.065
XYZ	29.026, 17.025, 6.912
xyY	0.548, 0.321, 17.025
CIE-LCH	48.291, 67.202, 27.533
CIE-LUV	48.291, 114.676, 21.228
Hunter-Lab	41.261, 53.364, 18.951
Binary	11010010, 00111001, 01000010

#d23942
```
#d23942 rgb(210,57,66)
```
#39d2c9
```
#39d2c9 rgb(57,210,201)
```

Complementary Color

#d2398f
```
#d2398f rgb(210,57,143)
```
#d23942
```
#d23942 rgb(210,57,66)
```
#d27d39
```
#d27d39 rgb(210,125,57)
```

Analogous Color

#398fd2
```
#398fd2 rgb(57,143,210)
```
#d23942
```
#d23942 rgb(210,57,66)
```
#39d27d
```
#39d27d rgb(57,210,125)
```

Split Complementary Color

#3942d2
```
#3942d2 rgb(57,66,210)
```
#d23942
```
#d23942 rgb(210,57,66)
```
#42d239
```
#42d239 rgb(66,210,57)
```

Triadic Color

#c939d2
```
#c939d2 rgb(201,57,210)
```
#d23942
```
#d23942 rgb(210,57,66)
```
#42d239
```
#42d239 rgb(66,210,57)
```
#39d2c9
```
#39d2c9 rgb(57,210,201)
```

Tetradic Color

#9b232a
```
#9b232a rgb(155,35,42)
```
#b02830
```
#b02830 rgb(176,40,48)
```
#c52d36
```
#c52d36 rgb(197,45,54)
```
#d23942
```
#d23942 rgb(210,57,66)
```
#d74e56
```
#d74e56 rgb(215,78,86)
```
#db636a
```
#db636a rgb(219,99,106)
```
#e0777e
```
#e0777e rgb(224,119,126)
```

Monochromatic Color

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

#d23968
```
#d23968 rgb(210,57,104)
```
#d2395c
```
#d2395c rgb(210,57,92)
```
#d2394f
```
#d2394f rgb(210,57,79)
```
#d23942
```
#d23942 rgb(210,57,66)
```
#d23d39
```
#d23d39 rgb(210,61,57)
```
#d24a39
```
#d24a39 rgb(210,74,57)
```
#d25639
```
#d25639 rgb(210,86,57)
```

Similar Colors

Text with hexadecimal color #d23942

This text has a font color of #d23942.

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

#d23942 background color

This paragraph has a background color of #d23942.

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

#d23942 border color

This element has a border color of #d23942.

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

CSS codes

.text {color:#d23942;}

.background {background-color:#d23942;}

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

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 #fef9f9 is the lightest one.

#0a0203
```
#0a0203 rgb(10,2,3)
```
#1a0607
```
#1a0607 rgb(26,6,7)
```
#2a090b
```
#2a090b rgb(42,9,11)
```
#3a0d10
```
#3a0d10 rgb(58,13,16)
```
#4a1114
```
#4a1114 rgb(74,17,20)
```
#5a1418
```
#5a1418 rgb(90,20,24)
```
#6a181d
```
#6a181d rgb(106,24,29)
```
#7a1c21
```
#7a1c21 rgb(122,28,33)
```
#8a1f26
```
#8a1f26 rgb(138,31,38)
```
#9a232a
```
#9a232a rgb(154,35,42)
```
#aa272e
```
#aa272e rgb(170,39,46)
```
#ba2a33
```
#ba2a33 rgb(186,42,51)
```
#ca2e37
```
#ca2e37 rgb(202,46,55)
```

Shade Color Variation

#d23942
```
#d23942 rgb(210,57,66)
```
#d64951
```
#d64951 rgb(214,73,81)
```
#d95961
```
#d95961 rgb(217,89,97)
```
#dd6970
```
#dd6970 rgb(221,105,112)
```
#e1797f
```
#e1797f rgb(225,121,127)
```
#e4898e
```
#e4898e rgb(228,137,142)
```
#e8999e
```
#e8999e rgb(232,153,158)
```
#eba9ad
```
#eba9ad rgb(235,169,173)
```
#efb9bc
```
#efb9bc rgb(239,185,188)
```
#f3c9cb
```
#f3c9cb rgb(243,201,203)
```
#f6d9db
```
#f6d9db rgb(246,217,219)
```
#fae9ea
```
#fae9ea rgb(250,233,234)
```
#fef9f9
```
#fef9f9 rgb(254,249,249)
```

Tint Color Variation

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

#878484
```
#878484 rgb(135,132,132)
```
#917a7c
```
#917a7c rgb(145,122,124)
```
#9a7173
```
#9a7173 rgb(154,113,115)
```
#a3686b
```
#a3686b rgb(163,104,107)
```
#ad5e63
```
#ad5e63 rgb(173,94,99)
```
#b6555b
```
#b6555b rgb(182,85,91)
```
#bf4c52
```
#bf4c52 rgb(191,76,82)
```
#c9424a
```
#c9424a rgb(201,66,74)
```
#d23942
```
#d23942 rgb(210,57,66)
```
#db303a
```
#db303a rgb(219,48,58)
```
#e52632
```
#e52632 rgb(229,38,50)
```
#ee1d29
```
#ee1d29 rgb(238,29,41)
```
#f71421
```
#f71421 rgb(247,20,33)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#7d5f60 Atypical Achromatopsia 0.001% of the population

Dichromacy

#82795e Protanopia 1% of men
#947441 Deuteranopia 1% of men
#d44447 Tritanopia 0.001% of the population

Trichromacy

#9f6254 Protanomaly 1% of men, 0.01% of women
#aa5e41 Deuteranomaly 6% of men, 0.4% of women
#d34045 Tritanomaly 0.01% of the population