#d68f04 hex color

In a RGB color space, hex #d68f04 is composed of 83.9% red, 56.1% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.2% magenta, 98.1% yellow and 16.1% black. It has a hue angle of 39.7 degrees, a saturation of 96.3% and a lightness of 42.7%. #d68f04 color hex could be obtained by blending #ffff08 with #ad1f00. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 84
- G 56
- B 2
RGB color chart
- C 0
- M 33
- Y 98
- K 16
CMYK color chart

● #d68f04 color description : Strong orange.

The hexadecimal color #d68f04 has RGB values of R:214, G:143, B:4 and CMYK values of C:0, M:0.33, Y:0.98, K:0.16. Its decimal value is 14061316.

Hex triplet	d68f04	`#d68f04`
RGB Decimal	214, 143, 4	`rgb(214,143,4)`
RGB Percent	83.9, 56.1, 1.6	`rgb(83.9%,56.1%,1.6%)`
CMYK	0, 33, 98, 16
HSL	39.7°, 96.3, 42.7	`hsl(39.7,96.3%,42.7%)`
HSV (or HSB)	39.7°, 98.1, 83.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	64.925, 18.157, 69.421
XYZ	37.577, 33.952, 4.689
xyY	0.493, 0.445, 33.952
CIE-LCH	64.925, 71.756, 75.343
CIE-LUV	64.925, 59.184, 64.502
Hunter-Lab	58.269, 13.143, 36.017
Binary	11010110, 10001111, 00000100

#d68f04
```
#d68f04 rgb(214,143,4)
```
#044bd6
```
#044bd6 rgb(4,75,214)
```

Complementary Color

#d62604
```
#d62604 rgb(214,38,4)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```
#b4d604
```
#b4d604 rgb(180,214,4)
```

Analogous Color

#2604d6
```
#2604d6 rgb(38,4,214)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```
#04b4d6
```
#04b4d6 rgb(4,180,214)
```

Split Complementary Color

#8f04d6
```
#8f04d6 rgb(143,4,214)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```
#04d68f
```
#04d68f rgb(4,214,143)
```

Triadic Color

#d6044b
```
#d6044b rgb(214,4,75)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```
#04d68f
```
#04d68f rgb(4,214,143)
```
#044bd6
```
#044bd6 rgb(4,75,214)
```

Tetradic Color

#8b5d03
```
#8b5d03 rgb(139,93,3)
```
#a46e03
```
#a46e03 rgb(164,110,3)
```
#bd7e04
```
#bd7e04 rgb(189,126,4)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```
#efa004
```
#efa004 rgb(239,160,4)
```
#fbac12
```
#fbac12 rgb(251,172,18)
```
#fbb52b
```
#fbb52b rgb(251,181,43)
```

Monochromatic Color

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

#d65a04
```
#d65a04 rgb(214,90,4)
```
#d66c04
```
#d66c04 rgb(214,108,4)
```
#d67e04
```
#d67e04 rgb(214,126,4)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```
#d6a104
```
#d6a104 rgb(214,161,4)
```
#d6b204
```
#d6b204 rgb(214,178,4)
```
#d6c404
```
#d6c404 rgb(214,196,4)
```

Similar Colors

Text with hexadecimal color #d68f04

This text has a font color of #d68f04.

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

#d68f04 background color

This paragraph has a background color of #d68f04.

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

#d68f04 border color

This element has a border color of #d68f04.

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

CSS codes

.text {color:#d68f04;}

.background {background-color:#d68f04;}

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

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

#020100
```
#020100 rgb(2,1,0)
```
#150e00
```
#150e00 rgb(21,14,0)
```
#291b01
```
#291b01 rgb(41,27,1)
```
#3c2801
```
#3c2801 rgb(60,40,1)
```
#4f3501
```
#4f3501 rgb(79,53,1)
```
#624202
```
#624202 rgb(98,66,2)
```
#764f02
```
#764f02 rgb(118,79,2)
```
#895c03
```
#895c03 rgb(137,92,3)
```
#9c6803
```
#9c6803 rgb(156,104,3)
```
#af7503
```
#af7503 rgb(175,117,3)
```
#c38204
```
#c38204 rgb(195,130,4)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```
#e99c04
```
#e99c04 rgb(233,156,4)
```

Shade Color Variation

#faa807
```
#faa807 rgb(250,168,7)
```
#fbaf1a
```
#fbaf1a rgb(251,175,26)
```
#fbb62d
```
#fbb62d rgb(251,182,45)
```
#fbbc41
```
#fbbc41 rgb(251,188,65)
```
#fcc354
```
#fcc354 rgb(252,195,84)
```
#fcca67
```
#fcca67 rgb(252,202,103)
```
#fdd17a
```
#fdd17a rgb(253,209,122)
```
#fdd78e
```
#fdd78e rgb(253,215,142)
```
#fddea1
```
#fddea1 rgb(253,222,161)
```
#fee5b4
```
#fee5b4 rgb(254,229,180)
```
#feecc7
```
#feecc7 rgb(254,236,199)
```
#fef2db
```
#fef2db rgb(254,242,219)
```
#fff9ee
```
#fff9ee rgb(255,249,238)
```

Tint Color Variation

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

#716e69
```
#716e69 rgb(113,110,105)
```
#7a7160
```
#7a7160 rgb(122,113,96)
```
#827458
```
#827458 rgb(130,116,88)
```
#8b774f
```
#8b774f rgb(139,119,79)
```
#937947
```
#937947 rgb(147,121,71)
```
#9b7c3f
```
#9b7c3f rgb(155,124,63)
```
#a47f36
```
#a47f36 rgb(164,127,54)
```
#ac812e
```
#ac812e rgb(172,129,46)
```
#b48426
```
#b48426 rgb(180,132,38)
```
#bd871d
```
#bd871d rgb(189,135,29)
```
#c58a15
```
#c58a15 rgb(197,138,21)
```
#ce8c0c
```
#ce8c0c rgb(206,140,12)
```
#d68f04
```
#d68f04 rgb(214,143,4)
```

Tone Color Variation

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

#949494 Achromatopsia 0.005% of the population
#a19377 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6a216 Protanopia 1% of men
#cb9a00 Deuteranopia 1% of men
#de8b94 Tritanopia 0.001% of the population

Trichromacy

#c19b0f Protanomaly 1% of men, 0.01% of women
#cf9601 Deuteranomaly 6% of men, 0.4% of women
#db8c5f Tritanomaly 0.01% of the population

#d68f04 hex color

#d68f04 Color Information

#d68f04 Color Conversion

Color Schemes with #d68f04

Alternatives to #d68f04

#d68f04 Preview

Shades and Tints of #d68f04

Tones of #d68f04

Color Blindness Simulator