#dcc948 hex color

In a RGB color space, hex #dcc948 is composed of 86.3% red, 78.8% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 8.6% magenta, 67.3% yellow and 13.7% black. It has a hue angle of 52.3 degrees, a saturation of 67.9% and a lightness of 57.3%. #dcc948 color hex could be obtained by blending #ffff90 with #b99300. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 86
- G 79
- B 28
RGB color chart
- C 0
- M 9
- Y 67
- K 14
CMYK color chart

● #dcc948 color description : Soft yellow.

The hexadecimal color #dcc948 has RGB values of R:220, G:201, B:72 and CMYK values of C:0, M:0.09, Y:0.67, K:0.14. Its decimal value is 14469448.

Hex triplet	dcc948	`#dcc948`
RGB Decimal	220, 201, 72	`rgb(220,201,72)`
RGB Percent	86.3, 78.8, 28.2	`rgb(86.3%,78.8%,28.2%)`
CMYK	0, 9, 67, 14
HSL	52.3°, 67.9, 57.3	`hsl(52.3,67.9%,57.3%)`
HSV (or HSB)	52.3°, 67.3, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.437, -7.862, 64.126
XYZ	51.572, 57.458, 14.505
xyY	0.417, 0.465, 57.458
CIE-LCH	80.437, 64.606, 96.99
CIE-LUV	80.437, 18.535, 75.337
Hunter-Lab	75.801, -11.209, 41.716
Binary	11011100, 11001001, 01001000

#dcc948
```
#dcc948 rgb(220,201,72)
```
#485bdc
```
#485bdc rgb(72,91,220)
```

Complementary Color

#dc7f48
```
#dc7f48 rgb(220,127,72)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#a5dc48
```
#a5dc48 rgb(165,220,72)
```

Analogous Color

#7f48dc
```
#7f48dc rgb(127,72,220)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#48a5dc
```
#48a5dc rgb(72,165,220)
```

Split Complementary Color

#c948dc
```
#c948dc rgb(201,72,220)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#48dcc9
```
#48dcc9 rgb(72,220,201)
```

Triadic Color

#dc485b
```
#dc485b rgb(220,72,91)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#48dcc9
```
#48dcc9 rgb(72,220,201)
```
#485bdc
```
#485bdc rgb(72,91,220)
```

Tetradic Color

#b5a223
```
#b5a223 rgb(181,162,35)
```
#cab527
```
#cab527 rgb(202,181,39)
```
#d8c333
```
#d8c333 rgb(216,195,51)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#e0cf5d
```
#e0cf5d rgb(224,207,93)
```
#e4d673
```
#e4d673 rgb(228,214,115)
```
#e8dc88
```
#e8dc88 rgb(232,220,136)
```

Monochromatic Color

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

#dca448
```
#dca448 rgb(220,164,72)
```
#dcb048
```
#dcb048 rgb(220,176,72)
```
#dcbd48
```
#dcbd48 rgb(220,189,72)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#dcd548
```
#dcd548 rgb(220,213,72)
```
#d6dc48
```
#d6dc48 rgb(214,220,72)
```
#cadc48
```
#cadc48 rgb(202,220,72)
```

Similar Colors

Text with hexadecimal color #dcc948

This text has a font color of #dcc948.

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

#dcc948 background color

This paragraph has a background color of #dcc948.

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

#dcc948 border color

This element has a border color of #dcc948.

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

CSS codes

.text {color:#dcc948;}

.background {background-color:#dcc948;}

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

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

#0f0d03
```
#0f0d03 rgb(15,13,3)
```
#1f1c06
```
#1f1c06 rgb(31,28,6)
```
#302b09
```
#302b09 rgb(48,43,9)
```
#40390c
```
#40390c rgb(64,57,12)
```
#50480f
```
#50480f rgb(80,72,15)
```
#615713
```
#615713 rgb(97,87,19)
```
#716616
```
#716616 rgb(113,102,22)
```
#827419
```
#827419 rgb(130,116,25)
```
#92831c
```
#92831c rgb(146,131,28)
```
#a3921f
```
#a3921f rgb(163,146,31)
```
#b3a122
```
#b3a122 rgb(179,161,34)
```
#c4af25
```
#c4af25 rgb(196,175,37)
```
#d4be29
```
#d4be29 rgb(212,190,41)
```

Shade Color Variation

#d9c438
```
#d9c438 rgb(217,196,56)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#dfce58
```
#dfce58 rgb(223,206,88)
```
#e2d369
```
#e2d369 rgb(226,211,105)
```
#e5d879
```
#e5d879 rgb(229,216,121)
```
#e9dc8a
```
#e9dc8a rgb(233,220,138)
```
#ece19a
```
#ece19a rgb(236,225,154)
```
#efe6ab
```
#efe6ab rgb(239,230,171)
```
#f2ebbb
```
#f2ebbb rgb(242,235,187)
```
#f5f0cc
```
#f5f0cc rgb(245,240,204)
```
#f8f5dc
```
#f8f5dc rgb(248,245,220)
```
#fbfaed
```
#fbfaed rgb(251,250,237)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#99978b
```
#99978b rgb(153,151,139)
```
#a19d83
```
#a19d83 rgb(161,157,131)
```
#aaa47a
```
#aaa47a rgb(170,164,122)
```
#b2aa72
```
#b2aa72 rgb(178,170,114)
```
#bab06a
```
#bab06a rgb(186,176,106)
```
#c3b661
```
#c3b661 rgb(195,182,97)
```
#cbbd59
```
#cbbd59 rgb(203,189,89)
```
#d4c350
```
#d4c350 rgb(212,195,80)
```
#dcc948
```
#dcc948 rgb(220,201,72)
```
#e4cf40
```
#e4cf40 rgb(228,207,64)
```
#edd537
```
#edd537 rgb(237,213,55)
```
#f5dc2f
```
#f5dc2f rgb(245,220,47)
```
#fee226
```
#fee226 rgb(254,226,38)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c6c2a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1ca51 Protanopia 1% of men
#f9c155 Deuteranopia 1% of men
#e9bfcc Tritanopia 0.001% of the population

Trichromacy

#dfca4d Protanomaly 1% of men, 0.01% of women
#eec450 Deuteranomaly 6% of men, 0.4% of women
#e4c29c Tritanomaly 0.01% of the population

#dcc948 hex color

#dcc948 Color Information

#dcc948 Color Conversion

Color Schemes with #dcc948

Alternatives to #dcc948

#dcc948 Preview

Shades and Tints of #dcc948

Tones of #dcc948

Color Blindness Simulator