colorhexa.com

#d68f2e hex color

In a RGB color space, hex #d68f2e is composed of 83.9% red, 56.1% green and 18% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 78.5% yellow and 16.1% black. It has a hue angle of 34.6 degrees, a saturation of 67.2% and a lightness of 51%. #d68f2e color hex could be obtained by blending #ffff5c with #ad1f00. Closest websafe color is: #cc9933.

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

● #d68f2e color description : Strong orange.

The hexadecimal color #d68f2e has RGB values of R:214, G:143, B:46 and CMYK values of C:0, M:0.33, Y:0.79, K:0.16. Its decimal value is 14061358.

Hex triplet	d68f2e	`#d68f2e`
RGB Decimal	214, 143, 46	`rgb(214,143,46)`
RGB Percent	83.9, 56.1, 18	`rgb(83.9%,56.1%,18%)`
CMYK	0, 33, 79, 16
HSL	34.6°, 67.2, 51	`hsl(34.6,67.2%,51%)`
HSV (or HSB)	34.6°, 78.5, 83.9
Web Safe	cc9933	`#cc9933`

CIE-LAB	65.074, 19.04, 59.017
XYZ	38.048, 34.141, 7.171
xyY	0.479, 0.43, 34.141
CIE-LCH	65.074, 62.012, 72.12
CIE-LUV	65.074, 57.849, 58.501
Hunter-Lab	58.43, 13.981, 33.625
Binary	11010110, 10001111, 00101110

#d68f2e
```
#d68f2e rgb(214,143,46)
```
#2e75d6
```
#2e75d6 rgb(46,117,214)
```

Complementary Color

#d63b2e
```
#d63b2e rgb(214,59,46)
```
#d68f2e
```
#d68f2e rgb(214,143,46)
```
#c9d62e
```
#c9d62e rgb(201,214,46)
```

Analogous Color

#3b2ed6
```
#3b2ed6 rgb(59,46,214)
```
#d68f2e
```
#d68f2e rgb(214,143,46)
```
#2ec9d6
```
#2ec9d6 rgb(46,201,214)
```

Split Complementary Color

#8f2ed6
```
#8f2ed6 rgb(143,46,214)
```
#d68f2e
```
#d68f2e rgb(214,143,46)
```
#2ed68f
```
#2ed68f rgb(46,214,143)
```

Triadic Color

#d62e75
```
#d62e75 rgb(214,46,117)
```
#d68f2e
```
#d68f2e rgb(214,143,46)
```
#2ed68f
```
#2ed68f rgb(46,214,143)
```
#2e75d6
```
#2e75d6 rgb(46,117,214)
```

Tetradic Color

#99651e
```
#99651e rgb(153,101,30)
```
#af7322
```
#af7322 rgb(175,115,34)
```
#c48126
```
#c48126 rgb(196,129,38)
```
#d68f2e
```
#d68f2e rgb(214,143,46)
```
#da9a43
```
#da9a43 rgb(218,154,67)
```
#dea659
```
#dea659 rgb(222,166,89)
```
#e3b16e
```
#e3b16e rgb(227,177,110)
```

Monochromatic Color

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

#d6652e
```
#d6652e rgb(214,101,46)
```
#d6732e
```
#d6732e rgb(214,115,46)
```
#d6812e
```
#d6812e rgb(214,129,46)
```
#d68f2e
```
#d68f2e rgb(214,143,46)
```
#d69d2e
```
#d69d2e rgb(214,157,46)
```
#d6ab2e
```
#d6ab2e rgb(214,171,46)
```
#d6b92e
```
#d6b92e rgb(214,185,46)
```

Similar Colors

Text with hexadecimal color #d68f2e

This text has a font color of #d68f2e.

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

#d68f2e background color

This paragraph has a background color of #d68f2e.

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

#d68f2e border color

This element has a border color of #d68f2e.

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

CSS codes

.text {color:#d68f2e;}

.background {background-color:#d68f2e;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#150e04
```
#150e04 rgb(21,14,4)
```
#251807
```
#251807 rgb(37,24,7)
```
#35230a
```
#35230a rgb(53,35,10)
```
#462e0e
```
#462e0e rgb(70,46,14)
```
#563911
```
#563911 rgb(86,57,17)
```
#674414
```
#674414 rgb(103,68,20)
```
#774f17
```
#774f17 rgb(119,79,23)
```
#87591b
```
#87591b rgb(135,89,27)
```
#98641e
```
#98641e rgb(152,100,30)
```
#a86f21
```
#a86f21 rgb(168,111,33)
```
#b97a24
```
#b97a24 rgb(185,122,36)
```
#c98527
```
#c98527 rgb(201,133,39)
```

Shade Color Variation

#d68f2e
```
#d68f2e rgb(214,143,46)
```
#d9983e
```
#d9983e rgb(217,152,62)
```
#dca14f
```
#dca14f rgb(220,161,79)
```
#e0a95f
```
#e0a95f rgb(224,169,95)
```
#e3b270
```
#e3b270 rgb(227,178,112)
```
#e6bb80
```
#e6bb80 rgb(230,187,128)
```
#e9c490
```
#e9c490 rgb(233,196,144)
```
#edcda1
```
#edcda1 rgb(237,205,161)
```
#f0d5b1
```
#f0d5b1 rgb(240,213,177)
```
#f3dec2
```
#f3dec2 rgb(243,222,194)
```
#f6e7d2
```
#f6e7d2 rgb(246,231,210)
```
#f9f0e2
```
#f9f0e2 rgb(249,240,226)
```
#fdf8f3
```
#fdf8f3 rgb(253,248,243)
```

Tint Color Variation

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

#89837b
```
#89837b rgb(137,131,123)
```
#938571
```
#938571 rgb(147,133,113)
```
#9c8668
```
#9c8668 rgb(156,134,104)
```
#a6885e
```
#a6885e rgb(166,136,94)
```
#b08954
```
#b08954 rgb(176,137,84)
```
#b98b4b
```
#b98b4b rgb(185,139,75)
```
#c38c41
```
#c38c41 rgb(195,140,65)
```
#cc8e38
```
#cc8e38 rgb(204,142,56)
```
#d68f2e
```
#d68f2e rgb(214,143,46)
```
#e09024
```
#e09024 rgb(224,144,36)
```
#e9921b
```
#e9921b rgb(233,146,27)
```
#f39311
```
#f39311 rgb(243,147,17)
```
#fc9508
```
#fc9508 rgb(252,149,8)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#a59784 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b5a33c Protanopia 1% of men
#ca9b36 Deuteranopia 1% of men
#dd8b95 Tritanopia 0.001% of the population

Trichromacy

#c19b37 Protanomaly 1% of men, 0.01% of women
#ce9633 Deuteranomaly 6% of men, 0.4% of women
#db8c6f Tritanomaly 0.01% of the population