#dca300 hex color

In a RGB color space, hex #dca300 is composed of 86.3% red, 63.9% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 100% yellow and 13.7% black. It has a hue angle of 44.5 degrees, a saturation of 100% and a lightness of 43.1%. #dca300 color hex could be obtained by blending #ffff00 with #b94700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 86
- G 64
- B 0
RGB color chart
- C 0
- M 26
- Y 100
- K 14
CMYK color chart

● #dca300 color description : Pure (or mostly pure) orange.

The hexadecimal color #dca300 has RGB values of R:220, G:163, B:0 and CMYK values of C:0, M:0.26, Y:1, K:0.14. Its decimal value is 14459648.

Hex triplet	dca300	`#dca300`
RGB Decimal	220, 163, 0	`rgb(220,163,0)`
RGB Percent	86.3, 63.9, 0	`rgb(86.3%,63.9%,0%)`
CMYK	0, 26, 100, 14
HSL	44.5°, 100, 43.1	`hsl(44.5,100%,43.1%)`
HSV (or HSB)	44.5°, 100, 86.3
Web Safe	cc9900	`#cc9900`

CIE-LAB	70.464, 9.993, 74.044
XYZ	42.613, 41.412, 5.749
xyY	0.475, 0.461, 41.412
CIE-LCH	70.464, 74.716, 82.314
CIE-LUV	70.464, 48.038, 72.299
Hunter-Lab	64.353, 5.583, 39.75
Binary	11011100, 10100011, 00000000

#dca300
```
#dca300 rgb(220,163,0)
```
#0039dc
```
#0039dc rgb(0,57,220)
```

Complementary Color

#dc3500
```
#dc3500 rgb(220,53,0)
```
#dca300
```
#dca300 rgb(220,163,0)
```
#a7dc00
```
#a7dc00 rgb(167,220,0)
```

Analogous Color

#3500dc
```
#3500dc rgb(53,0,220)
```
#dca300
```
#dca300 rgb(220,163,0)
```
#00a7dc
```
#00a7dc rgb(0,167,220)
```

Split Complementary Color

#a300dc
```
#a300dc rgb(163,0,220)
```
#dca300
```
#dca300 rgb(220,163,0)
```
#00dca3
```
#00dca3 rgb(0,220,163)
```

Triadic Color

#dc0039
```
#dc0039 rgb(220,0,57)
```
#dca300
```
#dca300 rgb(220,163,0)
```
#00dca3
```
#00dca3 rgb(0,220,163)
```
#0039dc
```
#0039dc rgb(0,57,220)
```

Tetradic Color

#906a00
```
#906a00 rgb(144,106,0)
```
#a97d00
```
#a97d00 rgb(169,125,0)
```
#c39000
```
#c39000 rgb(195,144,0)
```
#dca300
```
#dca300 rgb(220,163,0)
```
#f6b600
```
#f6b600 rgb(246,182,0)
```
#ffc110
```
#ffc110 rgb(255,193,16)
```
#ffc82a
```
#ffc82a rgb(255,200,42)
```

Monochromatic Color

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

#dc6c00
```
#dc6c00 rgb(220,108,0)
```
#dc7e00
```
#dc7e00 rgb(220,126,0)
```
#dc9100
```
#dc9100 rgb(220,145,0)
```
#dca300
```
#dca300 rgb(220,163,0)
```
#dcb500
```
#dcb500 rgb(220,181,0)
```
#dcc800
```
#dcc800 rgb(220,200,0)
```
#dcda00
```
#dcda00 rgb(220,218,0)
```

Similar Colors

Text with hexadecimal color #dca300

This text has a font color of #dca300.

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

#dca300 background color

This paragraph has a background color of #dca300.

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

#dca300 border color

This element has a border color of #dca300.

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

CSS codes

.text {color:#dca300;}

.background {background-color:#dca300;}

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

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

#040300
```
#040300 rgb(4,3,0)
```
#181200
```
#181200 rgb(24,18,0)
```
#2b2000
```
#2b2000 rgb(43,32,0)
```
#3f2f00
```
#3f2f00 rgb(63,47,0)
```
#533d00
```
#533d00 rgb(83,61,0)
```
#664c00
```
#664c00 rgb(102,76,0)
```
#7a5a00
```
#7a5a00 rgb(122,90,0)
```
#8e6900
```
#8e6900 rgb(142,105,0)
```
#a17700
```
#a17700 rgb(161,119,0)
```
#b58600
```
#b58600 rgb(181,134,0)
```
#c89400
```
#c89400 rgb(200,148,0)
```
#dca300
```
#dca300 rgb(220,163,0)
```
#f0b200
```
#f0b200 rgb(240,178,0)
```

Shade Color Variation

#ffbe04
```
#ffbe04 rgb(255,190,4)
```
#ffc318
```
#ffc318 rgb(255,195,24)
```
#ffc82b
```
#ffc82b rgb(255,200,43)
```
#ffcd3f
```
#ffcd3f rgb(255,205,63)
```
#ffd253
```
#ffd253 rgb(255,210,83)
```
#ffd766
```
#ffd766 rgb(255,215,102)
```
#ffdd7a
```
#ffdd7a rgb(255,221,122)
```
#ffe28e
```
#ffe28e rgb(255,226,142)
```
#ffe7a1
```
#ffe7a1 rgb(255,231,161)
```
#ffecb5
```
#ffecb5 rgb(255,236,181)
```
#fff1c8
```
#fff1c8 rgb(255,241,200)
```
#fff6dc
```
#fff6dc rgb(255,246,220)
```
#fffbf0
```
#fffbf0 rgb(255,251,240)
```

Tint Color Variation

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

#767266
```
#767266 rgb(118,114,102)
```
#7f765d
```
#7f765d rgb(127,118,93)
```
#877a55
```
#877a55 rgb(135,122,85)
```
#907e4c
```
#907e4c rgb(144,126,76)
```
#988244
```
#988244 rgb(152,130,68)
```
#a1863b
```
#a1863b rgb(161,134,59)
```
#a98b33
```
#a98b33 rgb(169,139,51)
```
#b28f2a
```
#b28f2a rgb(178,143,42)
```
#ba9322
```
#ba9322 rgb(186,147,34)
```
#c39719
```
#c39719 rgb(195,151,25)
```
#cb9b11
```
#cb9b11 rgb(203,155,17)
```
#d49f08
```
#d49f08 rgb(212,159,8)
```
#dca300
```
#dca300 rgb(220,163,0)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#ada181 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b10e Protanopia 1% of men
#dda800 Deuteranopia 1% of men
#e59ca7 Tritanopia 0.001% of the population

Trichromacy

#ceab09 Protanomaly 1% of men, 0.01% of women
#dca600 Deuteranomaly 6% of men, 0.4% of women
#e29e6a Tritanomaly 0.01% of the population

#dca300 hex color

#dca300 Color Information

#dca300 Color Conversion

Color Schemes with #dca300

Alternatives to #dca300

#dca300 Preview

Shades and Tints of #dca300

Tones of #dca300

Color Blindness Simulator