colorhexa.com

#d68f58 hex color

In a RGB color space, hex #d68f58 is composed of 83.9% red, 56.1% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 58.9% yellow and 16.1% black. It has a hue angle of 26.2 degrees, a saturation of 60.6% and a lightness of 59.2%. #d68f58 color hex could be obtained by blending #ffffb0 with #ad1f00. Closest websafe color is: #cc9966.

- R 84
- G 56
- B 35
RGB color chart
- C 0
- M 33
- Y 59
- K 16
CMYK color chart

● #d68f58 color description : Moderate orange.

The hexadecimal color #d68f58 has RGB values of R:214, G:143, B:88 and CMYK values of C:0, M:0.33, Y:0.59, K:0.16. Its decimal value is 14061400.

Hex triplet	d68f58	`#d68f58`
RGB Decimal	214, 143, 88	`rgb(214,143,88)`
RGB Percent	83.9, 56.1, 34.5	`rgb(83.9%,56.1%,34.5%)`
CMYK	0, 33, 59, 16
HSL	26.2°, 60.6, 59.2	`hsl(26.2,60.6%,59.2%)`
HSV (or HSB)	26.2°, 58.9, 83.9
Web Safe	cc9966	`#cc9966`

CIE-LAB	65.474, 21.367, 39.891
XYZ	39.316, 34.648, 13.849
xyY	0.448, 0.395, 34.648
CIE-LCH	65.474, 45.253, 61.825
CIE-LUV	65.474, 54.485, 43.306
Hunter-Lab	58.863, 16.216, 27.254
Binary	11010110, 10001111, 01011000

#d68f58
```
#d68f58 rgb(214,143,88)
```
#589fd6
```
#589fd6 rgb(88,159,214)
```

Complementary Color

#d65860
```
#d65860 rgb(214,88,96)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#d6ce58
```
#d6ce58 rgb(214,206,88)
```

Analogous Color

#5860d6
```
#5860d6 rgb(88,96,214)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#58d6ce
```
#58d6ce rgb(88,214,206)
```

Split Complementary Color

#8f58d6
```
#8f58d6 rgb(143,88,214)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#58d68f
```
#58d68f rgb(88,214,143)
```

Triadic Color

#d6589f
```
#d6589f rgb(214,88,159)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#58d68f
```
#58d68f rgb(88,214,143)
```
#589fd6
```
#589fd6 rgb(88,159,214)
```

Tetradic Color

#b5682c
```
#b5682c rgb(181,104,44)
```
#ca7431
```
#ca7431 rgb(202,116,49)
```
#d18144
```
#d18144 rgb(209,129,68)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#db9d6c
```
#db9d6c rgb(219,157,108)
```
#e0aa81
```
#e0aa81 rgb(224,170,129)
```
#e5b895
```
#e5b895 rgb(229,184,149)
```

Monochromatic Color

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

#d67058
```
#d67058 rgb(214,112,88)
```
#d67a58
```
#d67a58 rgb(214,122,88)
```
#d68558
```
#d68558 rgb(214,133,88)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#d69a58
```
#d69a58 rgb(214,154,88)
```
#d6a458
```
#d6a458 rgb(214,164,88)
```
#d6af58
```
#d6af58 rgb(214,175,88)
```

Similar Colors

Text with hexadecimal color #d68f58

This text has a font color of #d68f58.

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

#d68f58 background color

This paragraph has a background color of #d68f58.

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

#d68f58 border color

This element has a border color of #d68f58.

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

CSS codes

.text {color:#d68f58;}

.background {background-color:#d68f58;}

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

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, #060402 is the darkest color, while #fdf9f5 is the lightest one.

#060402
```
#060402 rgb(6,4,2)
```
#160d05
```
#160d05 rgb(22,13,5)
```
#261609
```
#261609 rgb(38,22,9)
```
#351f0d
```
#351f0d rgb(53,31,13)
```
#452811
```
#452811 rgb(69,40,17)
```
#553115
```
#553115 rgb(85,49,21)
```
#653a19
```
#653a19 rgb(101,58,25)
```
#74431d
```
#74431d rgb(116,67,29)
```
#844c20
```
#844c20 rgb(132,76,32)
```
#945524
```
#945524 rgb(148,85,36)
```
#a45e28
```
#a45e28 rgb(164,94,40)
```
#b3672c
```
#b3672c rgb(179,103,44)
```
#c37030
```
#c37030 rgb(195,112,48)
```

Shade Color Variation

#ce7a39
```
#ce7a39 rgb(206,122,57)
```
#d28448
```
#d28448 rgb(210,132,72)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#da9a68
```
#da9a68 rgb(218,154,104)
```
#dea477
```
#dea477 rgb(222,164,119)
```
#e2af87
```
#e2af87 rgb(226,175,135)
```
#e5b997
```
#e5b997 rgb(229,185,151)
```
#e9c4a7
```
#e9c4a7 rgb(233,196,167)
```
#edceb6
```
#edceb6 rgb(237,206,182)
```
#f1d9c6
```
#f1d9c6 rgb(241,217,198)
```
#f5e3d6
```
#f5e3d6 rgb(245,227,214)
```
#f9eee6
```
#f9eee6 rgb(249,238,230)
```
#fdf9f5
```
#fdf9f5 rgb(253,249,245)
```

Tint Color Variation

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

#9e9690
```
#9e9690 rgb(158,150,144)
```
#a69588
```
#a69588 rgb(166,149,136)
```
#ae9480
```
#ae9480 rgb(174,148,128)
```
#b69378
```
#b69378 rgb(182,147,120)
```
#be9270
```
#be9270 rgb(190,146,112)
```
#c69168
```
#c69168 rgb(198,145,104)
```
#ce9060
```
#ce9060 rgb(206,144,96)
```
#d68f58
```
#d68f58 rgb(214,143,88)
```
#de8e50
```
#de8e50 rgb(222,142,80)
```
#e68d48
```
#e68d48 rgb(230,141,72)
```
#ee8c40
```
#ee8c40 rgb(238,140,64)
```
#f68b38
```
#f68b38 rgb(246,139,56)
```
#fe8a30
```
#fe8a30 rgb(254,138,48)
```

Tone Color Variation

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

#9e9e9e Achromatopsia 0.005% of the population
#a99b90 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2a365 Protanopia 1% of men
#c69c5e Deuteranopia 1% of men
#dc8e97 Tritanopia 0.001% of the population

Trichromacy

#bf9c60 Protanomaly 1% of men, 0.01% of women
#cc975c Deuteranomaly 6% of men, 0.4% of women
#da8e80 Tritanomaly 0.01% of the population