#ddc946 hex color

In a RGB color space, hex #ddc946 is composed of 86.7% red, 78.8% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 9% magenta, 68.3% yellow and 13.3% black. It has a hue angle of 52.1 degrees, a saturation of 68.9% and a lightness of 57.1%. #ddc946 color hex could be obtained by blending #ffff8c with #bb9300. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 79
- B 27
RGB color chart
- C 0
- M 9
- Y 68
- K 13
CMYK color chart

● #ddc946 color description : Soft yellow.

The hexadecimal color #ddc946 has RGB values of R:221, G:201, B:70 and CMYK values of C:0, M:0.09, Y:0.68, K:0.13. Its decimal value is 14534982.

Hex triplet	ddc946	`#ddc946`
RGB Decimal	221, 201, 70	`rgb(221,201,70)`
RGB Percent	86.7, 78.8, 27.5	`rgb(86.7%,78.8%,27.5%)`
CMYK	0, 9, 68, 13
HSL	52.1°, 68.9, 57.1	`hsl(52.1,68.9%,57.1%)`
HSV (or HSB)	52.1°, 68.3, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	80.51, -7.547, 65.018
XYZ	51.811, 57.589, 14.181
xyY	0.419, 0.466, 57.589
CIE-LCH	80.51, 65.455, 96.621
CIE-LUV	80.51, 19.308, 75.966
Hunter-Lab	75.888, -10.935, 42.042
Binary	11011101, 11001001, 01000110

#ddc946
```
#ddc946 rgb(221,201,70)
```
#465add
```
#465add rgb(70,90,221)
```

Complementary Color

#dd7e46
```
#dd7e46 rgb(221,126,70)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#a6dd46
```
#a6dd46 rgb(166,221,70)
```

Analogous Color

#7e46dd
```
#7e46dd rgb(126,70,221)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#46a6dd
```
#46a6dd rgb(70,166,221)
```

Split Complementary Color

#c946dd
```
#c946dd rgb(201,70,221)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#46ddc9
```
#46ddc9 rgb(70,221,201)
```

Triadic Color

#dd465a
```
#dd465a rgb(221,70,90)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#46ddc9
```
#46ddc9 rgb(70,221,201)
```
#465add
```
#465add rgb(70,90,221)
```

Tetradic Color

#b5a221
```
#b5a221 rgb(181,162,33)
```
#cbb525
```
#cbb525 rgb(203,181,37)
```
#d9c330
```
#d9c330 rgb(217,195,48)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#e1cf5c
```
#e1cf5c rgb(225,207,92)
```
#e5d671
```
#e5d671 rgb(229,214,113)
```
#e9dc87
```
#e9dc87 rgb(233,220,135)
```

Monochromatic Color

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

#dda346
```
#dda346 rgb(221,163,70)
```
#ddb046
```
#ddb046 rgb(221,176,70)
```
#ddbc46
```
#ddbc46 rgb(221,188,70)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#ddd646
```
#ddd646 rgb(221,214,70)
```
#d8dd46
```
#d8dd46 rgb(216,221,70)
```
#cbdd46
```
#cbdd46 rgb(203,221,70)
```

Similar Colors

Text with hexadecimal color #ddc946

This text has a font color of #ddc946.

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

#ddc946 background color

This paragraph has a background color of #ddc946.

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

#ddc946 border color

This element has a border color of #ddc946.

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

CSS codes

.text {color:#ddc946;}

.background {background-color:#ddc946;}

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

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

#0e0c03
```
#0e0c03 rgb(14,12,3)
```
#1e1b06
```
#1e1b06 rgb(30,27,6)
```
#2f2a09
```
#2f2a09 rgb(47,42,9)
```
#40390c
```
#40390c rgb(64,57,12)
```
#50470f
```
#50470f rgb(80,71,15)
```
#615612
```
#615612 rgb(97,86,18)
```
#716515
```
#716515 rgb(113,101,21)
```
#827418
```
#827418 rgb(130,116,24)
```
#92831b
```
#92831b rgb(146,131,27)
```
#a3911e
```
#a3911e rgb(163,145,30)
```
#b4a021
```
#b4a021 rgb(180,160,33)
```
#c4af24
```
#c4af24 rgb(196,175,36)
```
#d5be27
```
#d5be27 rgb(213,190,39)
```

Shade Color Variation

#dac435
```
#dac435 rgb(218,196,53)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#e0ce57
```
#e0ce57 rgb(224,206,87)
```
#e3d367
```
#e3d367 rgb(227,211,103)
```
#e6d878
```
#e6d878 rgb(230,216,120)
```
#e9dc88
```
#e9dc88 rgb(233,220,136)
```
#ece199
```
#ece199 rgb(236,225,153)
```
#efe6a9
```
#efe6a9 rgb(239,230,169)
```
#f2ebba
```
#f2ebba rgb(242,235,186)
```
#f5f0cb
```
#f5f0cb rgb(245,240,203)
```
#f8f5db
```
#f8f5db rgb(248,245,219)
```
#fbf9ec
```
#fbf9ec rgb(251,249,236)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#9a9789
```
#9a9789 rgb(154,151,137)
```
#a29e81
```
#a29e81 rgb(162,158,129)
```
#aaa479
```
#aaa479 rgb(170,164,121)
```
#b3aa70
```
#b3aa70 rgb(179,170,112)
```
#bbb068
```
#bbb068 rgb(187,176,104)
```
#c4b65f
```
#c4b65f rgb(196,182,95)
```
#ccbd57
```
#ccbd57 rgb(204,189,87)
```
#d5c34e
```
#d5c34e rgb(213,195,78)
```
#ddc946
```
#ddc946 rgb(221,201,70)
```
#e5cf3e
```
#e5cf3e rgb(229,207,62)
```
#eed535
```
#eed535 rgb(238,213,53)
```
#f6dc2d
```
#f6dc2d rgb(246,220,45)
```
#ffe224
```
#ffe224 rgb(255,226,36)
```

Tone Color Variation

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

#e1ca4f Protanopia 1% of men
#fac153 Deuteranopia 1% of men
#eabfcc Tritanopia 0.001% of the population

Trichromacy

#dfca4b Protanomaly 1% of men, 0.01% of women
#efc44e Deuteranomaly 6% of men, 0.4% of women
#e5c29b Tritanomaly 0.01% of the population

#ddc946 hex color

#ddc946 Color Information

#ddc946 Color Conversion

Color Schemes with #ddc946

Alternatives to #ddc946

#ddc946 Preview

Shades and Tints of #ddc946

Tones of #ddc946

Color Blindness Simulator