#dcc31c hex color

In a RGB color space, hex #dcc31c is composed of 86.3% red, 76.5% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.4% magenta, 87.3% yellow and 13.7% black. It has a hue angle of 52.2 degrees, a saturation of 77.4% and a lightness of 48.6%. #dcc31c color hex could be obtained by blending #ffff38 with #b98700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 86
- G 76
- B 11
RGB color chart
- C 0
- M 11
- Y 87
- K 14
CMYK color chart

● #dcc31c color description : Vivid yellow.

The hexadecimal color #dcc31c has RGB values of R:220, G:195, B:28 and CMYK values of C:0, M:0.11, Y:0.87, K:0.14. Its decimal value is 14467868.

Hex triplet	dcc31c	`#dcc31c`
RGB Decimal	220, 195, 28	`rgb(220,195,28)`
RGB Percent	86.3, 76.5, 11	`rgb(86.3%,76.5%,11%)`
CMYK	0, 11, 87, 14
HSL	52.2°, 77.4, 48.6	`hsl(52.2,77.4%,48.6%)`
HSV (or HSB)	52.2°, 87.3, 86.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	78.655, -6.421, 76.102
XYZ	49.24, 54.331, 8.992
xyY	0.437, 0.483, 54.331
CIE-LCH	78.655, 76.373, 94.823
CIE-LUV	78.655, 23.692, 82.159
Hunter-Lab	73.71, -9.749, 44.364
Binary	11011100, 11000011, 00011100

#dcc31c
```
#dcc31c rgb(220,195,28)
```
#1c35dc
```
#1c35dc rgb(28,53,220)
```

Complementary Color

#dc631c
```
#dc631c rgb(220,99,28)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```
#95dc1c
```
#95dc1c rgb(149,220,28)
```

Analogous Color

#631cdc
```
#631cdc rgb(99,28,220)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```
#1c95dc
```
#1c95dc rgb(28,149,220)
```

Split Complementary Color

#c31cdc
```
#c31cdc rgb(195,28,220)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```
#1cdcc3
```
#1cdcc3 rgb(28,220,195)
```

Triadic Color

#dc1c35
```
#dc1c35 rgb(220,28,53)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```
#1cdcc3
```
#1cdcc3 rgb(28,220,195)
```
#1c35dc
```
#1c35dc rgb(28,53,220)
```

Tetradic Color

#988713
```
#988713 rgb(152,135,19)
```
#af9b16
```
#af9b16 rgb(175,155,22)
```
#c5af19
```
#c5af19 rgb(197,175,25)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```
#e4cc2d
```
#e4cc2d rgb(228,204,45)
```
#e7d244
```
#e7d244 rgb(231,210,68)
```
#ead75a
```
#ead75a rgb(234,215,90)
```

Monochromatic Color

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

#dc931c
```
#dc931c rgb(220,147,28)
```
#dca31c
```
#dca31c rgb(220,163,28)
```
#dcb31c
```
#dcb31c rgb(220,179,28)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```
#dcd31c
```
#dcd31c rgb(220,211,28)
```
#d5dc1c
```
#d5dc1c rgb(213,220,28)
```
#c5dc1c
```
#c5dc1c rgb(197,220,28)
```

Similar Colors

Text with hexadecimal color #dcc31c

This text has a font color of #dcc31c.

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

#dcc31c background color

This paragraph has a background color of #dcc31c.

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

#dcc31c border color

This element has a border color of #dcc31c.

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

CSS codes

.text {color:#dcc31c;}

.background {background-color:#dcc31c;}

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

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

#0b0a01
```
#0b0a01 rgb(11,10,1)
```
#1d1904
```
#1d1904 rgb(29,25,4)
```
#2e2906
```
#2e2906 rgb(46,41,6)
```
#3f3808
```
#3f3808 rgb(63,56,8)
```
#51480a
```
#51480a rgb(81,72,10)
```
#62570c
```
#62570c rgb(98,87,12)
```
#74660f
```
#74660f rgb(116,102,15)
```
#857611
```
#857611 rgb(133,118,17)
```
#968513
```
#968513 rgb(150,133,19)
```
#a89515
```
#a89515 rgb(168,149,21)
```
#b9a418
```
#b9a418 rgb(185,164,24)
```
#cbb41a
```
#cbb41a rgb(203,180,26)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```

Shade Color Variation

#e4cb28
```
#e4cb28 rgb(228,203,40)
```
#e6cf39
```
#e6cf39 rgb(230,207,57)
```
#e8d44b
```
#e8d44b rgb(232,212,75)
```
#ead85c
```
#ead85c rgb(234,216,92)
```
#ecdc6e
```
#ecdc6e rgb(236,220,110)
```
#efe07f
```
#efe07f rgb(239,224,127)
```
#f1e490
```
#f1e490 rgb(241,228,144)
```
#f3e9a2
```
#f3e9a2 rgb(243,233,162)
```
#f5edb3
```
#f5edb3 rgb(245,237,179)
```
#f8f1c5
```
#f8f1c5 rgb(248,241,197)
```
#faf5d6
```
#faf5d6 rgb(250,245,214)
```
#fcf9e7
```
#fcf9e7 rgb(252,249,231)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#7d7c7b
```
#7d7c7b rgb(125,124,123)
```
#868472
```
#868472 rgb(134,132,114)
```
#908b68
```
#908b68 rgb(144,139,104)
```
#99925f
```
#99925f rgb(153,146,95)
```
#a39955
```
#a39955 rgb(163,153,85)
```
#aca04c
```
#aca04c rgb(172,160,76)
```
#b6a742
```
#b6a742 rgb(182,167,66)
```
#bfae39
```
#bfae39 rgb(191,174,57)
```
#c9b52f
```
#c9b52f rgb(201,181,47)
```
#d2bc26
```
#d2bc26 rgb(210,188,38)
```
#dcc31c
```
#dcc31c rgb(220,195,28)
```
#e6ca12
```
#e6ca12 rgb(230,202,18)
```
#efd109
```
#efd109 rgb(239,209,9)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#beb998 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddc627 Protanopia 1% of men
#f6bc2f Deuteranopia 1% of men
#e9b9c6 Tritanopia 0.001% of the population

Trichromacy

#ddc523 Protanomaly 1% of men, 0.01% of women
#ecbe28 Deuteranomaly 6% of men, 0.4% of women
#e4bc88 Tritanomaly 0.01% of the population

#dcc31c hex color

#dcc31c Color Information

#dcc31c Color Conversion

Color Schemes with #dcc31c

Alternatives to #dcc31c

#dcc31c Preview

Shades and Tints of #dcc31c

Tones of #dcc31c

Color Blindness Simulator