#d5366f hex color

In a RGB color space, hex #d5366f is composed of 83.5% red, 21.2% green and 43.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 74.6% magenta, 47.9% yellow and 16.5% black. It has a hue angle of 338.5 degrees, a saturation of 65.4% and a lightness of 52.4%. #d5366f color hex could be obtained by blending #ff6cde with #ab0000. Closest websafe color is: #cc3366.

♥
- f
- t
- g
- R 84
- G 21
- B 44
RGB color chart
- C 0
- M 75
- Y 48
- K 16
CMYK color chart

● #d5366f color description : Moderate pink.

The hexadecimal color #d5366f has RGB values of R:213, G:54, B:111 and CMYK values of C:0, M:0.75, Y:0.48, K:0.16. Its decimal value is 13973103.

Hex triplet	d5366f	`#d5366f`
RGB Decimal	213, 54, 111	`rgb(213,54,111)`
RGB Percent	83.5, 21.2, 43.5	`rgb(83.5%,21.2%,43.5%)`
CMYK	0, 75, 48, 16
HSL	338.5°, 65.4, 52.4	`hsl(338.5,65.4%,52.4%)`
HSV (or HSB)	338.5°, 74.6, 83.5
Web Safe	cc3366	`#cc3366`

CIE-LAB	49.418, 64.516, 5.446
XYZ	31.63, 17.936, 16.834
xyY	0.476, 0.27, 17.936
CIE-LCH	49.418, 64.746, 4.825
CIE-LUV	49.418, 104.36, -5.569
Hunter-Lab	42.35, 59.202, 6.077
Binary	11010101, 00110110, 01101111

#d5366f
```
#d5366f rgb(213,54,111)
```
#36d59c
```
#36d59c rgb(54,213,156)
```

Complementary Color

#d536bf
```
#d536bf rgb(213,54,191)
```
#d5366f
```
#d5366f rgb(213,54,111)
```
#d54c36
```
#d54c36 rgb(213,76,54)
```

Analogous Color

#36bfd5
```
#36bfd5 rgb(54,191,213)
```
#d5366f
```
#d5366f rgb(213,54,111)
```
#36d54c
```
#36d54c rgb(54,213,76)
```

Split Complementary Color

#366fd5
```
#366fd5 rgb(54,111,213)
```
#d5366f
```
#d5366f rgb(213,54,111)
```
#6fd536
```
#6fd536 rgb(111,213,54)
```

Triadic Color

#9c36d5
```
#9c36d5 rgb(156,54,213)
```
#d5366f
```
#d5366f rgb(213,54,111)
```
#6fd536
```
#6fd536 rgb(111,213,54)
```
#36d59c
```
#36d59c rgb(54,213,156)
```

Tetradic Color

#9e214e
```
#9e214e rgb(158,33,78)
```
#b32558
```
#b32558 rgb(179,37,88)
```
#c82a62
```
#c82a62 rgb(200,42,98)
```
#d5366f
```
#d5366f rgb(213,54,111)
```
#d94b7e
```
#d94b7e rgb(217,75,126)
```
#de608d
```
#de608d rgb(222,96,141)
```
#e2759c
```
#e2759c rgb(226,117,156)
```

Monochromatic Color

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

#d53697
```
#d53697 rgb(213,54,151)
```
#d5368a
```
#d5368a rgb(213,54,138)
```
#d5367c
```
#d5367c rgb(213,54,124)
```
#d5366f
```
#d5366f rgb(213,54,111)
```
#d53662
```
#d53662 rgb(213,54,98)
```
#d53655
```
#d53655 rgb(213,54,85)
```
#d53647
```
#d53647 rgb(213,54,71)
```

Similar Colors

Text with hexadecimal color #d5366f

This text has a font color of #d5366f.

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

#d5366f background color

This paragraph has a background color of #d5366f.

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

#d5366f border color

This element has a border color of #d5366f.

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

CSS codes

.text {color:#d5366f;}

.background {background-color:#d5366f;}

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

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

#0a0205
```
#0a0205 rgb(10,2,5)
```
#1a050d
```
#1a050d rgb(26,5,13)
```
#2a0915
```
#2a0915 rgb(42,9,21)
```
#3b0c1d
```
#3b0c1d rgb(59,12,29)
```
#4b1025
```
#4b1025 rgb(75,16,37)
```
#5b132d
```
#5b132d rgb(91,19,45)
```
#6b1635
```
#6b1635 rgb(107,22,53)
```
#7c1a3d
```
#7c1a3d rgb(124,26,61)
```
#8c1d45
```
#8c1d45 rgb(140,29,69)
```
#9c214d
```
#9c214d rgb(156,33,77)
```
#ac2455
```
#ac2455 rgb(172,36,85)
```
#bc275d
```
#bc275d rgb(188,39,93)
```
#cd2b65
```
#cd2b65 rgb(205,43,101)
```

Shade Color Variation

#d5366f
```
#d5366f rgb(213,54,111)
```
#d8467b
```
#d8467b rgb(216,70,123)
```
#dc5686
```
#dc5686 rgb(220,86,134)
```
#df6792
```
#df6792 rgb(223,103,146)
```
#e3779d
```
#e3779d rgb(227,119,157)
```
#e687a9
```
#e687a9 rgb(230,135,169)
```
#e997b5
```
#e997b5 rgb(233,151,181)
```
#eda8c0
```
#eda8c0 rgb(237,168,192)
```
#f0b8cc
```
#f0b8cc rgb(240,184,204)
```
#f4c8d8
```
#f4c8d8 rgb(244,200,216)
```
#f7d8e3
```
#f7d8e3 rgb(247,216,227)
```
#fae8ef
```
#fae8ef rgb(250,232,239)
```
#fef9fa
```
#fef9fa rgb(254,249,250)
```

Tint Color Variation

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

#8a8184
```
#8a8184 rgb(138,129,132)
```
#947782
```
#947782 rgb(148,119,130)
```
#9d6e7f
```
#9d6e7f rgb(157,110,127)
```
#a6657c
```
#a6657c rgb(166,101,124)
```
#b05b7a
```
#b05b7a rgb(176,91,122)
```
#b95277
```
#b95277 rgb(185,82,119)
```
#c24974
```
#c24974 rgb(194,73,116)
```
#cc3f72
```
#cc3f72 rgb(204,63,114)
```
#d5366f
```
#d5366f rgb(213,54,111)
```
#de2d6c
```
#de2d6c rgb(222,45,108)
```
#e8236a
```
#e8236a rgb(232,35,106)
```
#f11a67
```
#f11a67 rgb(241,26,103)
```
#fa1164
```
#fa1164 rgb(250,17,100)
```

Tone Color Variation

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

#6c6c6c Achromatopsia 0.005% of the population
#81616d Atypical Achromatopsia 0.001% of the population

Dichromacy

#777b93 Protanopia 1% of men
#8e786b Deuteranopia 1% of men
#d44a4e Tritanopia 0.001% of the population

Trichromacy

#996286 Protanomaly 1% of men, 0.01% of women
#a8606c Deuteranomaly 6% of men, 0.4% of women
#d4435a Tritanomaly 0.01% of the population

#d5366f hex color

#d5366f Color Information

#d5366f Color Conversion

Color Schemes with #d5366f

Alternatives to #d5366f

#d5366f Preview

Shades and Tints of #d5366f

Tones of #d5366f

Color Blindness Simulator