#ddd376 hex color

In a RGB color space, hex #ddd376 is composed of 86.7% red, 82.7% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 46.6% yellow and 13.3% black. It has a hue angle of 54.2 degrees, a saturation of 60.2% and a lightness of 66.5%. #ddd376 color hex could be obtained by blending #ffffec with #bba700. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 83
- B 46
RGB color chart
- C 0
- M 5
- Y 47
- K 13
CMYK color chart

● #ddd376 color description : Soft yellow.

The hexadecimal color #ddd376 has RGB values of R:221, G:211, B:118 and CMYK values of C:0, M:0.05, Y:0.47, K:0.13. Its decimal value is 14537590.

Hex triplet	ddd376	`#ddd376`
RGB Decimal	221, 211, 118	`rgb(221,211,118)`
RGB Percent	86.7, 82.7, 46.3	`rgb(86.7%,82.7%,46.3%)`
CMYK	0, 5, 47, 13
HSL	54.2°, 60.2, 66.5	`hsl(54.2,60.2%,66.5%)`
HSV (or HSB)	54.2°, 46.6, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	83.584, -9.122, 47.014
XYZ	56.383, 63.27, 26.381
xyY	0.386, 0.433, 63.27
CIE-LCH	83.584, 47.891, 100.981
CIE-LUV	83.584, 10.98, 61.598
Hunter-Lab	79.542, -12.671, 36.016
Binary	11011101, 11010011, 01110110

#ddd376
```
#ddd376 rgb(221,211,118)
```
#7680dd
```
#7680dd rgb(118,128,221)
```

Complementary Color

#dda076
```
#dda076 rgb(221,160,118)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#b4dd76
```
#b4dd76 rgb(180,221,118)
```

Analogous Color

#a076dd
```
#a076dd rgb(160,118,221)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#76b4dd
```
#76b4dd rgb(118,180,221)
```

Split Complementary Color

#d376dd
```
#d376dd rgb(211,118,221)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#76ddd3
```
#76ddd3 rgb(118,221,211)
```

Triadic Color

#dd7680
```
#dd7680 rgb(221,118,128)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#76ddd3
```
#76ddd3 rgb(118,221,211)
```
#7680dd
```
#7680dd rgb(118,128,221)
```

Tetradic Color

#cebf39
```
#cebf39 rgb(206,191,57)
```
#d3c64d
```
#d3c64d rgb(211,198,77)
```
#d8cc62
```
#d8cc62 rgb(216,204,98)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#e2da8a
```
#e2da8a rgb(226,218,138)
```
#e7e09f
```
#e7e09f rgb(231,224,159)
```
#ece7b3
```
#ece7b3 rgb(236,231,179)
```

Monochromatic Color

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

#ddb976
```
#ddb976 rgb(221,185,118)
```
#ddc276
```
#ddc276 rgb(221,194,118)
```
#ddca76
```
#ddca76 rgb(221,202,118)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#dddc76
```
#dddc76 rgb(221,220,118)
```
#d6dd76
```
#d6dd76 rgb(214,221,118)
```
#cddd76
```
#cddd76 rgb(205,221,118)
```

Similar Colors

Text with hexadecimal color #ddd376

This text has a font color of #ddd376.

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

#ddd376 background color

This paragraph has a background color of #ddd376.

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

#ddd376 border color

This element has a border color of #ddd376.

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

CSS codes

.text {color:#ddd376;}

.background {background-color:#ddd376;}

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

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

#040401
```
#040401 rgb(4,4,1)
```
#141305
```
#141305 rgb(20,19,5)
```
#242109
```
#242109 rgb(36,33,9)
```
#34300d
```
#34300d rgb(52,48,13)
```
#433e11
```
#433e11 rgb(67,62,17)
```
#534d15
```
#534d15 rgb(83,77,21)
```
#635c19
```
#635c19 rgb(99,92,25)
```
#726a1c
```
#726a1c rgb(114,106,28)
```
#827920
```
#827920 rgb(130,121,32)
```
#928724
```
#928724 rgb(146,135,36)
```
#a29628
```
#a29628 rgb(162,150,40)
```
#b1a42c
```
#b1a42c rgb(177,164,44)
```
#c1b330
```
#c1b330 rgb(193,179,48)
```

Shade Color Variation

#cdbf37
```
#cdbf37 rgb(205,191,55)
```
#d1c447
```
#d1c447 rgb(209,196,71)
```
#d5c957
```
#d5c957 rgb(213,201,87)
```
#d9ce66
```
#d9ce66 rgb(217,206,102)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#e1d886
```
#e1d886 rgb(225,216,134)
```
#e5dd95
```
#e5dd95 rgb(229,221,149)
```
#e9e2a5
```
#e9e2a5 rgb(233,226,165)
```
#ede7b5
```
#ede7b5 rgb(237,231,181)
```
#f1ecc5
```
#f1ecc5 rgb(241,236,197)
```
#f4f1d4
```
#f4f1d4 rgb(244,241,212)
```
#f8f6e4
```
#f8f6e4 rgb(248,246,228)
```
#fcfbf4
```
#fcfbf4 rgb(252,251,244)
```

Tint Color Variation

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

#afaea4
```
#afaea4 rgb(175,174,164)
```
#b6b39d
```
#b6b39d rgb(182,179,157)
```
#bcb997
```
#bcb997 rgb(188,185,151)
```
#c3be90
```
#c3be90 rgb(195,190,144)
```
#c9c38a
```
#c9c38a rgb(201,195,138)
```
#d0c883
```
#d0c883 rgb(208,200,131)
```
#d6ce7d
```
#d6ce7d rgb(214,206,125)
```
#ddd376
```
#ddd376 rgb(221,211,118)
```
#e4d86f
```
#e4d86f rgb(228,216,111)
```
#eade69
```
#eade69 rgb(234,222,105)
```
#f1e362
```
#f1e362 rgb(241,227,98)
```
#f7e85c
```
#f7e85c rgb(247,232,92)
```
#feed55
```
#feed55 rgb(254,237,85)
```

Tone Color Variation

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

#cbcbcb Achromatopsia 0.005% of the population
#cfcdba Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6d27c Protanopia 1% of men
#fec980 Deuteranopia 1% of men
#e9cad8 Tritanopia 0.001% of the population

Trichromacy

#e3d27a Protanomaly 1% of men, 0.01% of women
#f2cd7c Deuteranomaly 6% of men, 0.4% of women
#e5cdb4 Tritanomaly 0.01% of the population

#ddd376 hex color

#ddd376 Color Information

#ddd376 Color Conversion

Color Schemes with #ddd376

Alternatives to #ddd376

#ddd376 Preview

Shades and Tints of #ddd376

Tones of #ddd376

Color Blindness Simulator