#dcc545 hex color

In a RGB color space, hex #dcc545 is composed of 86.3% red, 77.3% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.5% magenta, 68.6% yellow and 13.7% black. It has a hue angle of 50.9 degrees, a saturation of 68.3% and a lightness of 56.7%. #dcc545 color hex could be obtained by blending #ffff8a with #b98b00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 86
- G 77
- B 27
RGB color chart
- C 0
- M 10
- Y 69
- K 14
CMYK color chart

● #dcc545 color description : Soft yellow.

The hexadecimal color #dcc545 has RGB values of R:220, G:197, B:69 and CMYK values of C:0, M:0.1, Y:0.69, K:0.14. Its decimal value is 14468421.

Hex triplet	dcc545	`#dcc545`
RGB Decimal	220, 197, 69	`rgb(220,197,69)`
RGB Percent	86.3, 77.3, 27.1	`rgb(86.3%,77.3%,27.1%)`
CMYK	0, 10, 69, 14
HSL	50.9°, 68.3, 56.7	`hsl(50.9,68.3%,56.7%)`
HSV (or HSB)	50.9°, 68.6, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.374, -5.976, 64.231
XYZ	50.556, 55.579, 13.695
xyY	0.422, 0.464, 55.579
CIE-LCH	79.374, 64.509, 95.316
CIE-LUV	79.374, 21.362, 74.544
Hunter-Lab	74.552, -9.418, 41.295
Binary	11011100, 11000101, 01000101

#dcc545
```
#dcc545 rgb(220,197,69)
```
#455cdc
```
#455cdc rgb(69,92,220)
```

Complementary Color

#dc7a45
```
#dc7a45 rgb(220,122,69)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#a8dc45
```
#a8dc45 rgb(168,220,69)
```

Analogous Color

#7a45dc
```
#7a45dc rgb(122,69,220)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#45a8dc
```
#45a8dc rgb(69,168,220)
```

Split Complementary Color

#c545dc
```
#c545dc rgb(197,69,220)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#45dcc5
```
#45dcc5 rgb(69,220,197)
```

Triadic Color

#dc455c
```
#dc455c rgb(220,69,92)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#45dcc5
```
#45dcc5 rgb(69,220,197)
```
#455cdc
```
#455cdc rgb(69,92,220)
```

Tetradic Color

#b39d22
```
#b39d22 rgb(179,157,34)
```
#c8b026
```
#c8b026 rgb(200,176,38)
```
#d8be30
```
#d8be30 rgb(216,190,48)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#e0cc5a
```
#e0cc5a rgb(224,204,90)
```
#e4d270
```
#e4d270 rgb(228,210,112)
```
#e8d985
```
#e8d985 rgb(232,217,133)
```

Monochromatic Color

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

#dc9f45
```
#dc9f45 rgb(220,159,69)
```
#dcac45
```
#dcac45 rgb(220,172,69)
```
#dcb845
```
#dcb845 rgb(220,184,69)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#dcd245
```
#dcd245 rgb(220,210,69)
```
#dadc45
```
#dadc45 rgb(218,220,69)
```
#cddc45
```
#cddc45 rgb(205,220,69)
```

Similar Colors

Text with hexadecimal color #dcc545

This text has a font color of #dcc545.

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

#dcc545 background color

This paragraph has a background color of #dcc545.

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

#dcc545 border color

This element has a border color of #dcc545.

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

CSS codes

.text {color:#dcc545;}

.background {background-color:#dcc545;}

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

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, #0c0b02 is the darkest color, while #fefefb is the lightest one.

#0c0b02
```
#0c0b02 rgb(12,11,2)
```
#1d1905
```
#1d1905 rgb(29,25,5)
```
#2d2808
```
#2d2808 rgb(45,40,8)
```
#3e360c
```
#3e360c rgb(62,54,12)
```
#4e440f
```
#4e440f rgb(78,68,15)
```
#5f5312
```
#5f5312 rgb(95,83,18)
```
#6f6115
```
#6f6115 rgb(111,97,21)
```
#807018
```
#807018 rgb(128,112,24)
```
#907e1b
```
#907e1b rgb(144,126,27)
```
#a18d1e
```
#a18d1e rgb(161,141,30)
```
#b19b21
```
#b19b21 rgb(177,155,33)
```
#c2aa24
```
#c2aa24 rgb(194,170,36)
```
#d2b828
```
#d2b828 rgb(210,184,40)
```

Shade Color Variation

#d9c034
```
#d9c034 rgb(217,192,52)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#dfca56
```
#dfca56 rgb(223,202,86)
```
#e2cf66
```
#e2cf66 rgb(226,207,102)
```
#e5d477
```
#e5d477 rgb(229,212,119)
```
#e8da87
```
#e8da87 rgb(232,218,135)
```
#ecdf98
```
#ecdf98 rgb(236,223,152)
```
#efe4a8
```
#efe4a8 rgb(239,228,168)
```
#f2e9b9
```
#f2e9b9 rgb(242,233,185)
```
#f5eec9
```
#f5eec9 rgb(245,238,201)
```
#f8f3da
```
#f8f3da rgb(248,243,218)
```
#fbf8ea
```
#fbf8ea rgb(251,248,234)
```
#fefefb
```
#fefefb rgb(254,254,251)
```

Tint Color Variation

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

#989689
```
#989689 rgb(152,150,137)
```
#a19c81
```
#a19c81 rgb(161,156,129)
```
#a9a278
```
#a9a278 rgb(169,162,120)
```
#b2a770
```
#b2a770 rgb(178,167,112)
```
#baad67
```
#baad67 rgb(186,173,103)
```
#c3b35e
```
#c3b35e rgb(195,179,94)
```
#cbb956
```
#cbb956 rgb(203,185,86)
```
#d4bf4e
```
#d4bf4e rgb(212,191,78)
```
#dcc545
```
#dcc545 rgb(220,197,69)
```
#e5cb3d
```
#e5cb3d rgb(229,203,61)
```
#edd134
```
#edd134 rgb(237,209,52)
```
#f6d72c
```
#f6d72c rgb(246,215,44)
```
#fedd23
```
#fedd23 rgb(254,221,35)
```

Tone Color Variation

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

#bdbdbd Achromatopsia 0.005% of the population
#c3bfa5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec74e Protanopia 1% of men
#f6be52 Deuteranopia 1% of men
#e8bbc9 Tritanopia 0.001% of the population

Trichromacy

#ddc64b Protanomaly 1% of men, 0.01% of women
#ecc04d Deuteranomaly 6% of men, 0.4% of women
#e4bf99 Tritanomaly 0.01% of the population

#dcc545 hex color

#dcc545 Color Information

#dcc545 Color Conversion

Color Schemes with #dcc545

Alternatives to #dcc545

#dcc545 Preview

Shades and Tints of #dcc545

Tones of #dcc545

Color Blindness Simulator