#d63b5f hex color

In a RGB color space, hex #d63b5f is composed of 83.9% red, 23.1% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 72.4% magenta, 55.6% yellow and 16.1% black. It has a hue angle of 346.1 degrees, a saturation of 65.4% and a lightness of 53.5%. #d63b5f color hex could be obtained by blending #ff76be with #ad0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 23
- B 37
RGB color chart
- C 0
- M 72
- Y 56
- K 16
CMYK color chart

● #d63b5f color description : Moderate red.

The hexadecimal color #d63b5f has RGB values of R:214, G:59, B:95 and CMYK values of C:0, M:0.72, Y:0.56, K:0.16. Its decimal value is 14039903.

Hex triplet	d63b5f	`#d63b5f`
RGB Decimal	214, 59, 95	`rgb(214,59,95)`
RGB Percent	83.9, 23.1, 37.3	`rgb(83.9%,23.1%,37.3%)`
CMYK	0, 72, 56, 16
HSL	346.1°, 65.4, 53.5	`hsl(346.1,65.4%,53.5%)`
HSV (or HSB)	346.1°, 72.4, 83.9
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.802, 61.878, 15.739
XYZ	31.362, 18.254, 12.698
xyY	0.503, 0.293, 18.254
CIE-LCH	49.802, 63.848, 14.271
CIE-LUV	49.802, 108.524, 6.643
Hunter-Lab	42.724, 56.262, 12.286
Binary	11010110, 00111011, 01011111

#d63b5f
```
#d63b5f rgb(214,59,95)
```
#3bd6b2
```
#3bd6b2 rgb(59,214,178)
```

Complementary Color

#d63bad
```
#d63bad rgb(214,59,173)
```
#d63b5f
```
#d63b5f rgb(214,59,95)
```
#d6653b
```
#d6653b rgb(214,101,59)
```

Analogous Color

#3badd6
```
#3badd6 rgb(59,173,214)
```
#d63b5f
```
#d63b5f rgb(214,59,95)
```
#3bd665
```
#3bd665 rgb(59,214,101)
```

Split Complementary Color

#3b5fd6
```
#3b5fd6 rgb(59,95,214)
```
#d63b5f
```
#d63b5f rgb(214,59,95)
```
#5fd63b
```
#5fd63b rgb(95,214,59)
```

Triadic Color

#b23bd6
```
#b23bd6 rgb(178,59,214)
```
#d63b5f
```
#d63b5f rgb(214,59,95)
```
#5fd63b
```
#5fd63b rgb(95,214,59)
```
#3bd6b2
```
#3bd6b2 rgb(59,214,178)
```

Tetradic Color

#a32240
```
#a32240 rgb(163,34,64)
```
#b82648
```
#b82648 rgb(184,38,72)
```
#cd2b50
```
#cd2b50 rgb(205,43,80)
```
#d63b5f
```
#d63b5f rgb(214,59,95)
```
#da5070
```
#da5070 rgb(218,80,112)
```
#df6581
```
#df6581 rgb(223,101,129)
```
#e37a93
```
#e37a93 rgb(227,122,147)
```

Monochromatic Color

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

#d63b86
```
#d63b86 rgb(214,59,134)
```
#d63b79
```
#d63b79 rgb(214,59,121)
```
#d63b6c
```
#d63b6c rgb(214,59,108)
```
#d63b5f
```
#d63b5f rgb(214,59,95)
```
#d63b52
```
#d63b52 rgb(214,59,82)
```
#d63b45
```
#d63b45 rgb(214,59,69)
```
#d63e3b
```
#d63e3b rgb(214,62,59)
```

Similar Colors

Text with hexadecimal color #d63b5f

This text has a font color of #d63b5f.

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

#d63b5f background color

This paragraph has a background color of #d63b5f.

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

#d63b5f border color

This element has a border color of #d63b5f.

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

CSS codes

.text {color:#d63b5f;}

.background {background-color:#d63b5f;}

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

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)
```
#2f0a13
```
#2f0a13 rgb(47,10,19)
```
#400d19
```
#400d19 rgb(64,13,25)
```
#50111f
```
#50111f rgb(80,17,31)
```
#601426
```
#601426 rgb(96,20,38)
```
#70172c
```
#70172c rgb(112,23,44)
```
#801b32
```
#801b32 rgb(128,27,50)
```
#911e39
```
#911e39 rgb(145,30,57)
```
#a1223f
```
#a1223f rgb(161,34,63)
```
#b12546
```
#b12546 rgb(177,37,70)
```
#c1284c
```
#c1284c rgb(193,40,76)
```
#d22c52
```
#d22c52 rgb(210,44,82)
```

Shade Color Variation

#d63b5f
```
#d63b5f rgb(214,59,95)
```
#d94b6c
```
#d94b6c rgb(217,75,108)
```
#dd5b79
```
#dd5b79 rgb(221,91,121)
```
#e06c87
```
#e06c87 rgb(224,108,135)
```
#e47c94
```
#e47c94 rgb(228,124,148)
```
#e78ca1
```
#e78ca1 rgb(231,140,161)
```
#ea9cae
```
#ea9cae rgb(234,156,174)
```
#eeadbc
```
#eeadbc rgb(238,173,188)
```
#f1bdc9
```
#f1bdc9 rgb(241,189,201)
```
#f5cdd6
```
#f5cdd6 rgb(245,205,214)
```
#f8dde3
```
#f8dde3 rgb(248,221,227)
```
#fbedf1
```
#fbedf1 rgb(251,237,241)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#8d8486
```
#8d8486 rgb(141,132,134)
```
#967b81
```
#967b81 rgb(150,123,129)
```
#9f727c
```
#9f727c rgb(159,114,124)
```
#a86977
```
#a86977 rgb(168,105,119)
```
#b25f73
```
#b25f73 rgb(178,95,115)
```
#bb566e
```
#bb566e rgb(187,86,110)
```
#c44d69
```
#c44d69 rgb(196,77,105)
```
#cd4464
```
#cd4464 rgb(205,68,100)
```
#d63b5f
```
#d63b5f rgb(214,59,95)
```
#df325a
```
#df325a rgb(223,50,90)
```
#e82955
```
#e82955 rgb(232,41,85)
```
#f12050
```
#f12050 rgb(241,32,80)
```
#fa174b
```
#fa174b rgb(250,23,75)
```

Tone Color Variation

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

#6d6d6d Achromatopsia 0.005% of the population
#82636a Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e7c7f Protanopia 1% of men
#93785d Deuteranopia 1% of men
#d64a4e Tritanopia 0.001% of the population

Trichromacy

#9e6473 Protanomaly 1% of men, 0.01% of women
#ab625d Deuteranomaly 6% of men, 0.4% of women
#d64454 Tritanomaly 0.01% of the population

#d63b5f hex color

#d63b5f Color Information

#d63b5f Color Conversion

Color Schemes with #d63b5f

Alternatives to #d63b5f

#d63b5f Preview

Shades and Tints of #d63b5f

Tones of #d63b5f

Color Blindness Simulator