#d5685f hex color

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

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

● #d5685f color description : Moderate red.

The hexadecimal color #d5685f has RGB values of R:213, G:104, B:95 and CMYK values of C:0, M:0.51, Y:0.55, K:0.16. Its decimal value is 13985887.

Hex triplet	d5685f	`#d5685f`
RGB Decimal	213, 104, 95	`rgb(213,104,95)`
RGB Percent	83.5, 40.8, 37.3	`rgb(83.5%,40.8%,37.3%)`
CMYK	0, 51, 55, 16
HSL	4.6°, 58.4, 60.4	`hsl(4.6,58.4%,60.4%)`
HSV (or HSB)	4.6°, 55.4, 83.5
Web Safe	cc6666	`#cc6666`

CIE-LAB	56.954, 42.062, 25.29
XYZ	34.457, 24.876, 13.813
xyY	0.471, 0.34, 24.876
CIE-LCH	56.954, 49.079, 31.017
CIE-LUV	56.954, 80.783, 22.399
Hunter-Lab	49.876, 36.036, 18.493
Binary	11010101, 01101000, 01011111

#d5685f
```
#d5685f rgb(213,104,95)
```
#5fccd5
```
#5fccd5 rgb(95,204,213)
```

Complementary Color

#d55f91
```
#d55f91 rgb(213,95,145)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#d5a35f
```
#d5a35f rgb(213,163,95)
```

Analogous Color

#5f91d5
```
#5f91d5 rgb(95,145,213)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#5fd5a3
```
#5fd5a3 rgb(95,213,163)
```

Split Complementary Color

#685fd5
```
#685fd5 rgb(104,95,213)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#5fd568
```
#5fd568 rgb(95,213,104)
```

Triadic Color

#d55fcc
```
#d55fcc rgb(213,95,204)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#5fd568
```
#5fd568 rgb(95,213,104)
```
#5fccd5
```
#5fccd5 rgb(95,204,213)
```

Tetradic Color

#b73a30
```
#b73a30 rgb(183,58,48)
```
#ca4237
```
#ca4237 rgb(202,66,55)
```
#d0554b
```
#d0554b rgb(208,85,75)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#da7b73
```
#da7b73 rgb(218,123,115)
```
#e08e87
```
#e08e87 rgb(224,142,135)
```
#e5a19c
```
#e5a19c rgb(229,161,156)
```

Monochromatic Color

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

#d55f74
```
#d55f74 rgb(213,95,116)
```
#d55f6a
```
#d55f6a rgb(213,95,106)
```
#d55f60
```
#d55f60 rgb(213,95,96)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#d5725f
```
#d5725f rgb(213,114,95)
```
#d57c5f
```
#d57c5f rgb(213,124,95)
```
#d5865f
```
#d5865f rgb(213,134,95)
```

Similar Colors

Text with hexadecimal color #d5685f

This text has a font color of #d5685f.

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

#d5685f background color

This paragraph has a background color of #d5685f.

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

#d5685f border color

This element has a border color of #d5685f.

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

CSS codes

.text {color:#d5685f;}

.background {background-color:#d5685f;}

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

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

#0b0303
```
#0b0303 rgb(11,3,3)
```
#1a0807
```
#1a0807 rgb(26,8,7)
```
#2a0d0b
```
#2a0d0b rgb(42,13,11)
```
#3a120f
```
#3a120f rgb(58,18,15)
```
#491713
```
#491713 rgb(73,23,19)
```
#591c17
```
#591c17 rgb(89,28,23)
```
#68211b
```
#68211b rgb(104,33,27)
```
#78261f
```
#78261f rgb(120,38,31)
```
#872b23
```
#872b23 rgb(135,43,35)
```
#973028
```
#973028 rgb(151,48,40)
```
#a6352c
```
#a6352c rgb(166,53,44)
```
#b63a30
```
#b63a30 rgb(182,58,48)
```
#c53f34
```
#c53f34 rgb(197,63,52)
```

Shade Color Variation

#cd4b40
```
#cd4b40 rgb(205,75,64)
```
#d1594f
```
#d1594f rgb(209,89,79)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#d9776f
```
#d9776f rgb(217,119,111)
```
#dd857e
```
#dd857e rgb(221,133,126)
```
#e1948e
```
#e1948e rgb(225,148,142)
```
#e5a39d
```
#e5a39d rgb(229,163,157)
```
#e9b1ad
```
#e9b1ad rgb(233,177,173)
```
#edc0bc
```
#edc0bc rgb(237,192,188)
```
#f2cfcc
```
#f2cfcc rgb(242,207,204)
```
#f6dddb
```
#f6dddb rgb(246,221,219)
```
#faeceb
```
#faeceb rgb(250,236,235)
```
#fefbfa
```
#fefbfa rgb(254,251,250)
```

Tint Color Variation

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

#9f9695
```
#9f9695 rgb(159,150,149)
```
#a6908e
```
#a6908e rgb(166,144,142)
```
#ae8986
```
#ae8986 rgb(174,137,134)
```
#b6827e
```
#b6827e rgb(182,130,126)
```
#be7c76
```
#be7c76 rgb(190,124,118)
```
#c5756f
```
#c5756f rgb(197,117,111)
```
#cd6f67
```
#cd6f67 rgb(205,111,103)
```
#d5685f
```
#d5685f rgb(213,104,95)
```
#dd6157
```
#dd6157 rgb(221,97,87)
```
#e55b4f
```
#e55b4f rgb(229,91,79)
```
#ec5448
```
#ec5448 rgb(236,84,72)
```
#f44e40
```
#f44e40 rgb(244,78,64)
```
#fc4738
```
#fc4738 rgb(252,71,56)
```

Tone Color Variation

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

#888888 Achromatopsia 0.005% of the population
#978280 Atypical Achromatopsia 0.001% of the population

Dichromacy

#978e73 Protanopia 1% of men
#aa8861 Deuteranopia 1% of men
#d86d74 Tritanopia 0.001% of the population

Trichromacy

#ad806c Protanomaly 1% of men, 0.01% of women
#b97c60 Deuteranomaly 6% of men, 0.4% of women
#d66b6c Tritanomaly 0.01% of the population

#d5685f hex color

#d5685f Color Information

#d5685f Color Conversion

Color Schemes with #d5685f

Alternatives to #d5685f

#d5685f Preview

Shades and Tints of #d5685f

Tones of #d5685f

Color Blindness Simulator