#dcb03f hex color

In a RGB color space, hex #dcb03f is composed of 86.3% red, 69% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20% magenta, 71.4% yellow and 13.7% black. It has a hue angle of 43.2 degrees, a saturation of 69.2% and a lightness of 55.5%. #dcb03f color hex could be obtained by blending #ffff7e with #b96100. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 86
- G 69
- B 25
RGB color chart
- C 0
- M 20
- Y 71
- K 14
CMYK color chart

● #dcb03f color description : Bright orange.

The hexadecimal color #dcb03f has RGB values of R:220, G:176, B:63 and CMYK values of C:0, M:0.2, Y:0.71, K:0.14. Its decimal value is 14463039.

Hex triplet	dcb03f	`#dcb03f`
RGB Decimal	220, 176, 63	`rgb(220,176,63)`
RGB Percent	86.3, 69, 24.7	`rgb(86.3%,69%,24.7%)`
CMYK	0, 20, 71, 14
HSL	43.2°, 69.2, 55.5	`hsl(43.2,69.2%,55.5%)`
HSV (or HSB)	43.2°, 71.4, 86.3
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.951, 4.669, 61.148
XYZ	45.938, 46.627, 11.283
xyY	0.442, 0.449, 46.627
CIE-LCH	73.951, 61.326, 85.633
CIE-LUV	73.951, 36.517, 67.513
Hunter-Lab	68.284, 0.589, 38.002
Binary	11011100, 10110000, 00111111

#dcb03f
```
#dcb03f rgb(220,176,63)
```
#3f6bdc
```
#3f6bdc rgb(63,107,220)
```

Complementary Color

#dc623f
```
#dc623f rgb(220,98,63)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#badc3f
```
#badc3f rgb(186,220,63)
```

Analogous Color

#623fdc
```
#623fdc rgb(98,63,220)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#3fbadc
```
#3fbadc rgb(63,186,220)
```

Split Complementary Color

#b03fdc
```
#b03fdc rgb(176,63,220)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#3fdcb0
```
#3fdcb0 rgb(63,220,176)
```

Triadic Color

#dc3f6b
```
#dc3f6b rgb(220,63,107)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#3fdcb0
```
#3fdcb0 rgb(63,220,176)
```
#3f6bdc
```
#3f6bdc rgb(63,107,220)
```

Tetradic Color

#af8720
```
#af8720 rgb(175,135,32)
```
#c49724
```
#c49724 rgb(196,151,36)
```
#d8a729
```
#d8a729 rgb(216,167,41)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#e0b955
```
#e0b955 rgb(224,185,85)
```
#e4c26a
```
#e4c26a rgb(228,194,106)
```
#e8cb80
```
#e8cb80 rgb(232,203,128)
```

Monochromatic Color

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

#dc893f
```
#dc893f rgb(220,137,63)
```
#dc963f
```
#dc963f rgb(220,150,63)
```
#dca33f
```
#dca33f rgb(220,163,63)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#dcbd3f
```
#dcbd3f rgb(220,189,63)
```
#dcca3f
```
#dcca3f rgb(220,202,63)
```
#dcd73f
```
#dcd73f rgb(220,215,63)
```

Similar Colors

Text with hexadecimal color #dcb03f

This text has a font color of #dcb03f.

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

#dcb03f background color

This paragraph has a background color of #dcb03f.

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

#dcb03f border color

This element has a border color of #dcb03f.

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

CSS codes

.text {color:#dcb03f;}

.background {background-color:#dcb03f;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181204
```
#181204 rgb(24,18,4)
```
#281f07
```
#281f07 rgb(40,31,7)
```
#392c0a
```
#392c0a rgb(57,44,10)
```
#49390d
```
#49390d rgb(73,57,13)
```
#5a4510
```
#5a4510 rgb(90,69,16)
```
#6b5213
```
#6b5213 rgb(107,82,19)
```
#7b5f16
```
#7b5f16 rgb(123,95,22)
```
#8c6c19
```
#8c6c19 rgb(140,108,25)
```
#9c791d
```
#9c791d rgb(156,121,29)
```
#ad8520
```
#ad8520 rgb(173,133,32)
```
#be9223
```
#be9223 rgb(190,146,35)
```
#ce9f26
```
#ce9f26 rgb(206,159,38)
```

Shade Color Variation

#d9a92e
```
#d9a92e rgb(217,169,46)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#dfb750
```
#dfb750 rgb(223,183,80)
```
#e2be60
```
#e2be60 rgb(226,190,96)
```
#e5c471
```
#e5c471 rgb(229,196,113)
```
#e8cb81
```
#e8cb81 rgb(232,203,129)
```
#ebd292
```
#ebd292 rgb(235,210,146)
```
#eed9a3
```
#eed9a3 rgb(238,217,163)
```
#f1e0b3
```
#f1e0b3 rgb(241,224,179)
```
#f4e7c4
```
#f4e7c4 rgb(244,231,196)
```
#f7edd4
```
#f7edd4 rgb(247,237,212)
```
#faf4e5
```
#faf4e5 rgb(250,244,229)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#969185
```
#969185 rgb(150,145,133)
```
#9f957c
```
#9f957c rgb(159,149,124)
```
#a89973
```
#a89973 rgb(168,153,115)
```
#b09d6b
```
#b09d6b rgb(176,157,107)
```
#b9a162
```
#b9a162 rgb(185,161,98)
```
#c2a459
```
#c2a459 rgb(194,164,89)
```
#cba850
```
#cba850 rgb(203,168,80)
```
#d3ac48
```
#d3ac48 rgb(211,172,72)
```
#dcb03f
```
#dcb03f rgb(220,176,63)
```
#e5b436
```
#e5b436 rgb(229,180,54)
```
#edb82e
```
#edb82e rgb(237,184,46)
```
#f6bc25
```
#f6bc25 rgb(246,188,37)
```
#ffbf1c
```
#ffbf1c rgb(255,191,28)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b9b099 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceb94a Protanopia 1% of men
#e5b04a Deuteranopia 1% of men
#e6a9b5 Tritanopia 0.001% of the population

Trichromacy

#d3b646 Protanomaly 1% of men, 0.01% of women
#e1b046 Deuteranomaly 6% of men, 0.4% of women
#e2ab8a Tritanomaly 0.01% of the population

#dcb03f hex color

#dcb03f Color Information

#dcb03f Color Conversion

Color Schemes with #dcb03f

Alternatives to #dcb03f

#dcb03f Preview

Shades and Tints of #dcb03f

Tones of #dcb03f

Color Blindness Simulator