#d55f64 hex color

In a RGB color space, hex #d55f64 is composed of 83.5% red, 37.3% green and 39.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 55.4% magenta, 53.1% yellow and 16.5% black. It has a hue angle of 357.5 degrees, a saturation of 58.4% and a lightness of 60.4%. #d55f64 color hex could be obtained by blending #ffbec8 with #ab0000. Closest websafe color is: #cc6666.

♥
- f
- t
- g
- R 84
- G 37
- B 39
RGB color chart
- C 0
- M 55
- Y 53
- K 16
CMYK color chart

● #d55f64 color description : Moderate red.

The hexadecimal color #d55f64 has RGB values of R:213, G:95, B:100 and CMYK values of C:0, M:0.55, Y:0.53, K:0.16. Its decimal value is 13983588.

Hex triplet	d55f64	`#d55f64`
RGB Decimal	213, 95, 100	`rgb(213,95,100)`
RGB Percent	83.5, 37.3, 39.2	`rgb(83.5%,37.3%,39.2%)`
CMYK	0, 55, 53, 16
HSL	357.5°, 58.4, 60.4	`hsl(357.5,58.4%,60.4%)`
HSV (or HSB)	357.5°, 55.4, 83.5
Web Safe	cc6666	`#cc6666`

CIE-LAB	55.333, 46.889, 20.242
XYZ	33.834, 23.254, 14.763
xyY	0.471, 0.324, 23.254
CIE-LCH	55.333, 51.071, 23.35
CIE-LUV	55.333, 85.714, 15.733
Hunter-Lab	48.222, 40.852, 15.605
Binary	11010101, 01011111, 01100100

#d55f64
```
#d55f64 rgb(213,95,100)
```
#5fd5d0
```
#5fd5d0 rgb(95,213,208)
```

Complementary Color

#d55f9f
```
#d55f9f rgb(213,95,159)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#d5955f
```
#d5955f rgb(213,149,95)
```

Analogous Color

#5f9fd5
```
#5f9fd5 rgb(95,159,213)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#5fd595
```
#5fd595 rgb(95,213,149)
```

Split Complementary Color

#5f64d5
```
#5f64d5 rgb(95,100,213)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#64d55f
```
#64d55f rgb(100,213,95)
```

Triadic Color

#d05fd5
```
#d05fd5 rgb(208,95,213)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#64d55f
```
#64d55f rgb(100,213,95)
```
#5fd5d0
```
#5fd5d0 rgb(95,213,208)
```

Tetradic Color

#b73036
```
#b73036 rgb(183,48,54)
```
#ca373d
```
#ca373d rgb(202,55,61)
```
#d04b50
```
#d04b50 rgb(208,75,80)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#da7378
```
#da7378 rgb(218,115,120)
```
#e0878b
```
#e0878b rgb(224,135,139)
```
#e59c9f
```
#e59c9f rgb(229,156,159)
```

Monochromatic Color

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

#d55f82
```
#d55f82 rgb(213,95,130)
```
#d55f78
```
#d55f78 rgb(213,95,120)
```
#d55f6e
```
#d55f6e rgb(213,95,110)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#d5645f
```
#d5645f rgb(213,100,95)
```
#d56e5f
```
#d56e5f rgb(213,110,95)
```
#d5785f
```
#d5785f rgb(213,120,95)
```

Similar Colors

Text with hexadecimal color #d55f64

This text has a font color of #d55f64.

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

#d55f64 background color

This paragraph has a background color of #d55f64.

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

#d55f64 border color

This element has a border color of #d55f64.

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

CSS codes

.text {color:#d55f64;}

.background {background-color:#d55f64;}

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

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

#0b0303
```
#0b0303 rgb(11,3,3)
```
#1a0708
```
#1a0708 rgb(26,7,8)
```
#2a0b0c
```
#2a0b0c rgb(42,11,12)
```
#3a0f11
```
#3a0f11 rgb(58,15,17)
```
#491315
```
#491315 rgb(73,19,21)
```
#59171a
```
#59171a rgb(89,23,26)
```
#681b1f
```
#681b1f rgb(104,27,31)
```
#781f23
```
#781f23 rgb(120,31,35)
```
#872328
```
#872328 rgb(135,35,40)
```
#97282c
```
#97282c rgb(151,40,44)
```
#a62c31
```
#a62c31 rgb(166,44,49)
```
#b63035
```
#b63035 rgb(182,48,53)
```
#c5343a
```
#c5343a rgb(197,52,58)
```

Shade Color Variation

#cd4046
```
#cd4046 rgb(205,64,70)
```
#d14f55
```
#d14f55 rgb(209,79,85)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#d96f73
```
#d96f73 rgb(217,111,115)
```
#dd7e82
```
#dd7e82 rgb(221,126,130)
```
#e18e91
```
#e18e91 rgb(225,142,145)
```
#e59da0
```
#e59da0 rgb(229,157,160)
```
#e9adaf
```
#e9adaf rgb(233,173,175)
```
#edbcbe
```
#edbcbe rgb(237,188,190)
```
#f2cccd
```
#f2cccd rgb(242,204,205)
```
#f6dbdc
```
#f6dbdc rgb(246,219,220)
```
#faebeb
```
#faebeb rgb(250,235,235)
```
#fefafb
```
#fefafb rgb(254,250,251)
```

Tint Color Variation

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

#9f9596
```
#9f9596 rgb(159,149,150)
```
#a68e8f
```
#a68e8f rgb(166,142,143)
```
#ae8688
```
#ae8688 rgb(174,134,136)
```
#b67e80
```
#b67e80 rgb(182,126,128)
```
#be7679
```
#be7679 rgb(190,118,121)
```
#c56f72
```
#c56f72 rgb(197,111,114)
```
#cd676b
```
#cd676b rgb(205,103,107)
```
#d55f64
```
#d55f64 rgb(213,95,100)
```
#dd575d
```
#dd575d rgb(221,87,93)
```
#e54f56
```
#e54f56 rgb(229,79,86)
```
#ec484f
```
#ec484f rgb(236,72,79)
```
#f44048
```
#f44048 rgb(244,64,72)
```
#fc3840
```
#fc3840 rgb(252,56,64)
```

Tone Color Variation

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

#838383 Achromatopsia 0.005% of the population
#937c7d Atypical Achromatopsia 0.001% of the population

Dichromacy

#918a7b Protanopia 1% of men
#a48564 Deuteranopia 1% of men
#d7676d Tritanopia 0.001% of the population

Trichromacy

#a97a72 Protanomaly 1% of men, 0.01% of women
#b57764 Deuteranomaly 6% of men, 0.4% of women
#d6646a Tritanomaly 0.01% of the population

#d55f64 hex color

#d55f64 Color Information

#d55f64 Color Conversion

Color Schemes with #d55f64

Alternatives to #d55f64

#d55f64 Preview

Shades and Tints of #d55f64

Tones of #d55f64

Color Blindness Simulator