#d03f42 hex color

In a RGB color space, hex #d03f42 is composed of 81.6% red, 24.7% green and 25.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 69.7% magenta, 68.3% yellow and 18.4% black. It has a hue angle of 358.8 degrees, a saturation of 60.7% and a lightness of 53.1%. #d03f42 color hex could be obtained by blending #ff7e84 with #a10000. Closest websafe color is: #cc3333.

♥
- f
- t
- g
- R 82
- G 25
- B 26
RGB color chart
- C 0
- M 70
- Y 68
- K 18
CMYK color chart

● #d03f42 color description : Moderate red.

The hexadecimal color #d03f42 has RGB values of R:208, G:63, B:66 and CMYK values of C:0, M:0.7, Y:0.68, K:0.18. Its decimal value is 13647682.

Hex triplet	d03f42	`#d03f42`
RGB Decimal	208, 63, 66	`rgb(208,63,66)`
RGB Percent	81.6, 24.7, 25.9	`rgb(81.6%,24.7%,25.9%)`
CMYK	0, 70, 68, 18
HSL	358.8°, 60.7, 53.1	`hsl(358.8,60.7%,53.1%)`
HSV (or HSB)	358.8°, 69.7, 81.6
Web Safe	cc3333	`#cc3333`

CIE-LAB	48.712, 56.8, 31.491
XYZ	28.775, 17.362, 6.99
xyY	0.542, 0.327, 17.362
CIE-LCH	48.712, 64.945, 29.005
CIE-LUV	48.712, 109.709, 22.44
Hunter-Lab	41.667, 50.351, 19.221
Binary	11010000, 00111111, 01000010

#d03f42
```
#d03f42 rgb(208,63,66)
```
#3fd0cd
```
#3fd0cd rgb(63,208,205)
```

Complementary Color

#d03f8b
```
#d03f8b rgb(208,63,139)
```
#d03f42
```
#d03f42 rgb(208,63,66)
```
#d0853f
```
#d0853f rgb(208,133,63)
```

Analogous Color

#3f8bd0
```
#3f8bd0 rgb(63,139,208)
```
#d03f42
```
#d03f42 rgb(208,63,66)
```
#3fd085
```
#3fd085 rgb(63,208,133)
```

Split Complementary Color

#3f42d0
```
#3f42d0 rgb(63,66,208)
```
#d03f42
```
#d03f42 rgb(208,63,66)
```
#42d03f
```
#42d03f rgb(66,208,63)
```

Triadic Color

#cd3fd0
```
#cd3fd0 rgb(205,63,208)
```
#d03f42
```
#d03f42 rgb(208,63,66)
```
#42d03f
```
#42d03f rgb(66,208,63)
```
#3fd0cd
```
#3fd0cd rgb(63,208,205)
```

Tetradic Color

#9c2629
```
#9c2629 rgb(156,38,41)
```
#b12b2e
```
#b12b2e rgb(177,43,46)
```
#c53033
```
#c53033 rgb(197,48,51)
```
#d03f42
```
#d03f42 rgb(208,63,66)
```
#d55356
```
#d55356 rgb(213,83,86)
```
#da686a
```
#da686a rgb(218,104,106)
```
#df7c7e
```
#df7c7e rgb(223,124,126)
```

Monochromatic Color

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

#d03f66
```
#d03f66 rgb(208,63,102)
```
#d03f5a
```
#d03f5a rgb(208,63,90)
```
#d03f4e
```
#d03f4e rgb(208,63,78)
```
#d03f42
```
#d03f42 rgb(208,63,66)
```
#d0483f
```
#d0483f rgb(208,72,63)
```
#d0543f
```
#d0543f rgb(208,84,63)
```
#d0603f
```
#d0603f rgb(208,96,63)
```

Similar Colors

Text with hexadecimal color #d03f42

This text has a font color of #d03f42.

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

#d03f42 background color

This paragraph has a background color of #d03f42.

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

#d03f42 border color

This element has a border color of #d03f42.

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

CSS codes

.text {color:#d03f42;}

.background {background-color:#d03f42;}

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

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

#0d0303
```
#0d0303 rgb(13,3,3)
```
#1d0707
```
#1d0707 rgb(29,7,7)
```
#2c0b0c
```
#2c0b0c rgb(44,11,12)
```
#3c0f10
```
#3c0f10 rgb(60,15,16)
```
#4c1314
```
#4c1314 rgb(76,19,20)
```
#5c1618
```
#5c1618 rgb(92,22,24)
```
#6b1a1c
```
#6b1a1c rgb(107,26,28)
```
#7b1e20
```
#7b1e20 rgb(123,30,32)
```
#8b2224
```
#8b2224 rgb(139,34,36)
```
#9b2628
```
#9b2628 rgb(155,38,40)
```
#aa2a2c
```
#aa2a2c rgb(170,42,44)
```
#ba2e30
```
#ba2e30 rgb(186,46,48)
```
#ca3135
```
#ca3135 rgb(202,49,53)
```

Shade Color Variation

#d03f42
```
#d03f42 rgb(208,63,66)
```
#d44f52
```
#d44f52 rgb(212,79,82)
```
#d85f61
```
#d85f61 rgb(216,95,97)
```
#dc6e71
```
#dc6e71 rgb(220,110,113)
```
#df7e80
```
#df7e80 rgb(223,126,128)
```
#e38e90
```
#e38e90 rgb(227,142,144)
```
#e79e9f
```
#e79e9f rgb(231,158,159)
```
#ebadaf
```
#ebadaf rgb(235,173,175)
```
#efbdbe
```
#efbdbe rgb(239,189,190)
```
#f3cdce
```
#f3cdce rgb(243,205,206)
```
#f7dddd
```
#f7dddd rgb(247,221,221)
```
#faeced
```
#faeced rgb(250,236,237)
```
#fefcfc
```
#fefcfc rgb(254,252,252)
```

Tint Color Variation

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

#907f80
```
#907f80 rgb(144,127,128)
```
#997677
```
#997677 rgb(153,118,119)
```
#a26d6e
```
#a26d6e rgb(162,109,110)
```
#ab6465
```
#ab6465 rgb(171,100,101)
```
#b45b5c
```
#b45b5c rgb(180,91,92)
```
#be5154
```
#be5154 rgb(190,81,84)
```
#c7484b
```
#c7484b rgb(199,72,75)
```
#d03f42
```
#d03f42 rgb(208,63,66)
```
#d93639
```
#d93639 rgb(217,54,57)
```
#e22d30
```
#e22d30 rgb(226,45,48)
```
#ec2328
```
#ec2328 rgb(236,35,40)
```
#f51a1f
```
#f51a1f rgb(245,26,31)
```
#fe1116
```
#fe1116 rgb(254,17,22)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#7f6263 Atypical Achromatopsia 0.001% of the population

Dichromacy

#837a5d Protanopia 1% of men
#957542 Deuteranopia 1% of men
#d2484c Tritanopia 0.001% of the population

Trichromacy

#9f6553 Protanomaly 1% of men, 0.01% of women
#aa6142 Deuteranomaly 6% of men, 0.4% of women
#d14548 Tritanomaly 0.01% of the population

#d03f42 hex color

#d03f42 Color Information

#d03f42 Color Conversion

Color Schemes with #d03f42

Alternatives to #d03f42

#d03f42 Preview

Shades and Tints of #d03f42

Tones of #d03f42

Color Blindness Simulator