#d68300 hex color

In a RGB color space, hex #d68300 is composed of 83.9% red, 51.4% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 38.8% magenta, 100% yellow and 16.1% black. It has a hue angle of 36.7 degrees, a saturation of 100% and a lightness of 42%. #d68300 color hex could be obtained by blending #ffff00 with #ad0700. Closest websafe color is: #cc9900.

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

● #d68300 color description : Strong orange.

The hexadecimal color #d68300 has RGB values of R:214, G:131, B:0 and CMYK values of C:0, M:0.39, Y:1, K:0.16. Its decimal value is 14058240.

Hex triplet	d68300	`#d68300`
RGB Decimal	214, 131, 0	`rgb(214,131,0)`
RGB Percent	83.9, 51.4, 0	`rgb(83.9%,51.4%,0%)`
CMYK	0, 39, 100, 16
HSL	36.7°, 100, 42	`hsl(36.7,100%,42%)`
HSV (or HSB)	36.7°, 100, 83.9
Web Safe	cc9900	`#cc9900`

CIE-LAB	62.11, 24.575, 68.158
XYZ	35.849, 30.532, 4.005
xyY	0.509, 0.434, 30.532
CIE-LCH	62.11, 72.453, 70.173
CIE-LUV	62.11, 69.15, 60.468
Hunter-Lab	55.255, 19.112, 34.381
Binary	11010110, 10000011, 00000000

#d68300
```
#d68300 rgb(214,131,0)
```
#0053d6
```
#0053d6 rgb(0,83,214)
```

Complementary Color

#d61800
```
#d61800 rgb(214,24,0)
```
#d68300
```
#d68300 rgb(214,131,0)
```
#bed600
```
#bed600 rgb(190,214,0)
```

Analogous Color

#1800d6
```
#1800d6 rgb(24,0,214)
```
#d68300
```
#d68300 rgb(214,131,0)
```
#00bed6
```
#00bed6 rgb(0,190,214)
```

Split Complementary Color

#8300d6
```
#8300d6 rgb(131,0,214)
```
#d68300
```
#d68300 rgb(214,131,0)
```
#00d683
```
#00d683 rgb(0,214,131)
```

Triadic Color

#d60053
```
#d60053 rgb(214,0,83)
```
#d68300
```
#d68300 rgb(214,131,0)
```
#00d683
```
#00d683 rgb(0,214,131)
```
#0053d6
```
#0053d6 rgb(0,83,214)
```

Tetradic Color

#8a5400
```
#8a5400 rgb(138,84,0)
```
#a36400
```
#a36400 rgb(163,100,0)
```
#bd7300
```
#bd7300 rgb(189,115,0)
```
#d68300
```
#d68300 rgb(214,131,0)
```
#f09300
```
#f09300 rgb(240,147,0)
```
#ffa00a
```
#ffa00a rgb(255,160,10)
```
#ffaa24
```
#ffaa24 rgb(255,170,36)
```

Monochromatic Color

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

#d64d00
```
#d64d00 rgb(214,77,0)
```
#d65f00
```
#d65f00 rgb(214,95,0)
```
#d67100
```
#d67100 rgb(214,113,0)
```
#d68300
```
#d68300 rgb(214,131,0)
```
#d69500
```
#d69500 rgb(214,149,0)
```
#d6a700
```
#d6a700 rgb(214,167,0)
```
#d6b900
```
#d6b900 rgb(214,185,0)
```

Similar Colors

Text with hexadecimal color #d68300

This text has a font color of #d68300.

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

#d68300 background color

This paragraph has a background color of #d68300.

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

#d68300 border color

This element has a border color of #d68300.

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

CSS codes

.text {color:#d68300;}

.background {background-color:#d68300;}

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

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, #120b00 is the darkest color, while #fffefd is the lightest one.

#120b00
```
#120b00 rgb(18,11,0)
```
#251700
```
#251700 rgb(37,23,0)
```
#392300
```
#392300 rgb(57,35,0)
```
#4d2f00
```
#4d2f00 rgb(77,47,0)
```
#603b00
```
#603b00 rgb(96,59,0)
```
#744700
```
#744700 rgb(116,71,0)
```
#885300
```
#885300 rgb(136,83,0)
```
#9b5f00
```
#9b5f00 rgb(155,95,0)
```
#af6b00
```
#af6b00 rgb(175,107,0)
```
#c27700
```
#c27700 rgb(194,119,0)
```
#d68300
```
#d68300 rgb(214,131,0)
```
#ea8f00
```
#ea8f00 rgb(234,143,0)
```
#fd9b00
```
#fd9b00 rgb(253,155,0)
```

Shade Color Variation

#ffa312
```
#ffa312 rgb(255,163,18)
```
#ffab25
```
#ffab25 rgb(255,171,37)
```
#ffb239
```
#ffb239 rgb(255,178,57)
```
#ffba4d
```
#ffba4d rgb(255,186,77)
```
#ffc160
```
#ffc160 rgb(255,193,96)
```
#ffc974
```
#ffc974 rgb(255,201,116)
```
#ffd188
```
#ffd188 rgb(255,209,136)
```
#ffd89b
```
#ffd89b rgb(255,216,155)
```
#ffe0af
```
#ffe0af rgb(255,224,175)
```
#ffe7c2
```
#ffe7c2 rgb(255,231,194)
```
#ffefd6
```
#ffefd6 rgb(255,239,214)
```
#fff7ea
```
#fff7ea rgb(255,247,234)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#736d63
```
#736d63 rgb(115,109,99)
```
#7b6f5b
```
#7b6f5b rgb(123,111,91)
```
#847152
```
#847152 rgb(132,113,82)
```
#8c724a
```
#8c724a rgb(140,114,74)
```
#947442
```
#947442 rgb(148,116,66)
```
#9c763a
```
#9c763a rgb(156,118,58)
```
#a57831
```
#a57831 rgb(165,120,49)
```
#ad7a29
```
#ad7a29 rgb(173,122,41)
```
#b57c21
```
#b57c21 rgb(181,124,33)
```
#bd7d19
```
#bd7d19 rgb(189,125,25)
```
#c67f10
```
#c67f10 rgb(198,127,16)
```
#ce8108
```
#ce8108 rgb(206,129,8)
```
#d68300
```
#d68300 rgb(214,131,0)
```

Tone Color Variation

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

#8d8d8d Achromatopsia 0.005% of the population
#9c8b71 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ae9b12 Protanopia 1% of men
#c29400 Deuteranopia 1% of men
#dd8088 Tritanopia 0.001% of the population

Trichromacy

#bc920b Protanomaly 1% of men, 0.01% of women
#c98d00 Deuteranomaly 6% of men, 0.4% of women
#da8157 Tritanomaly 0.01% of the population

#d68300 hex color

#d68300 Color Information

#d68300 Color Conversion

Color Schemes with #d68300

Alternatives to #d68300

#d68300 Preview

Shades and Tints of #d68300

Tones of #d68300

Color Blindness Simulator