#ddd31f hex color

In a RGB color space, hex #ddd31f is composed of 86.7% red, 82.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 86% yellow and 13.3% black. It has a hue angle of 56.8 degrees, a saturation of 75.4% and a lightness of 49.4%. #ddd31f color hex could be obtained by blending #ffff3e with #bba700. Closest websafe color is: #cccc33.

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

● #ddd31f color description : Vivid yellow.

The hexadecimal color #ddd31f has RGB values of R:221, G:211, B:31 and CMYK values of C:0, M:0.05, Y:0.86, K:0.13. Its decimal value is 14537503.

Hex triplet	ddd31f	`#ddd31f`
RGB Decimal	221, 211, 31	`rgb(221,211,31)`
RGB Percent	86.7, 82.7, 12.2	`rgb(86.7%,82.7%,12.2%)`
CMYK	0, 5, 86, 13
HSL	56.8°, 75.4, 49.4	`hsl(56.8,75.4%,49.4%)`
HSV (or HSB)	56.8°, 86, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.946, -14.015, 78.985
XYZ	53.361, 62.061, 10.464
xyY	0.424, 0.493, 62.061
CIE-LCH	82.946, 80.219, 100.062
CIE-LUV	82.946, 13.274, 87.984
Hunter-Lab	78.779, -16.956, 47.269
Binary	11011101, 11010011, 00011111

#ddd31f
```
#ddd31f rgb(221,211,31)
```
#1f29dd
```
#1f29dd rgb(31,41,221)
```

Complementary Color

#dd741f
```
#dd741f rgb(221,116,31)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```
#88dd1f
```
#88dd1f rgb(136,221,31)
```

Analogous Color

#741fdd
```
#741fdd rgb(116,31,221)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```
#1f88dd
```
#1f88dd rgb(31,136,221)
```

Split Complementary Color

#d31fdd
```
#d31fdd rgb(211,31,221)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```
#1fddd3
```
#1fddd3 rgb(31,221,211)
```

Triadic Color

#dd1f29
```
#dd1f29 rgb(221,31,41)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```
#1fddd3
```
#1fddd3 rgb(31,221,211)
```
#1f29dd
```
#1f29dd rgb(31,41,221)
```

Tetradic Color

#9a9316
```
#9a9316 rgb(154,147,22)
```
#b0a819
```
#b0a819 rgb(176,168,25)
```
#c7be1c
```
#c7be1c rgb(199,190,28)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```
#e2d933
```
#e2d933 rgb(226,217,51)
```
#e6dd49
```
#e6dd49 rgb(230,221,73)
```
#e9e160
```
#e9e160 rgb(233,225,96)
```

Monochromatic Color

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

#dda41f
```
#dda41f rgb(221,164,31)
```
#ddb31f
```
#ddb31f rgb(221,179,31)
```
#ddc31f
```
#ddc31f rgb(221,195,31)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```
#d7dd1f
```
#d7dd1f rgb(215,221,31)
```
#c7dd1f
```
#c7dd1f rgb(199,221,31)
```
#b8dd1f
```
#b8dd1f rgb(184,221,31)
```

Similar Colors

Text with hexadecimal color #ddd31f

This text has a font color of #ddd31f.

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

#ddd31f background color

This paragraph has a background color of #ddd31f.

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

#ddd31f border color

This element has a border color of #ddd31f.

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

CSS codes

.text {color:#ddd31f;}

.background {background-color:#ddd31f;}

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

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

#0f0e02
```
#0f0e02 rgb(15,14,2)
```
#201e04
```
#201e04 rgb(32,30,4)
```
#312f07
```
#312f07 rgb(49,47,7)
```
#423f09
```
#423f09 rgb(66,63,9)
```
#53500c
```
#53500c rgb(83,80,12)
```
#65600e
```
#65600e rgb(101,96,14)
```
#767011
```
#767011 rgb(118,112,17)
```
#878113
```
#878113 rgb(135,129,19)
```
#989115
```
#989115 rgb(152,145,21)
```
#a9a218
```
#a9a218 rgb(169,162,24)
```
#bbb21a
```
#bbb21a rgb(187,178,26)
```
#ccc31d
```
#ccc31d rgb(204,195,29)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```

Shade Color Variation

#e2d82e
```
#e2d82e rgb(226,216,46)
```
#e4db3f
```
#e4db3f rgb(228,219,63)
```
#e7df50
```
#e7df50 rgb(231,223,80)
```
#e9e262
```
#e9e262 rgb(233,226,98)
```
#ebe573
```
#ebe573 rgb(235,229,115)
```
#eee884
```
#eee884 rgb(238,232,132)
```
#f0eb95
```
#f0eb95 rgb(240,235,149)
```
#f3efa6
```
#f3efa6 rgb(243,239,166)
```
#f5f2b8
```
#f5f2b8 rgb(245,242,184)
```
#f7f5c9
```
#f7f5c9 rgb(247,245,201)
```
#faf8da
```
#faf8da rgb(250,248,218)
```
#fcfbeb
```
#fcfbeb rgb(252,251,235)
```
#fffffc
```
#fffffc rgb(255,255,252)
```

Tint Color Variation

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

#868576
```
#868576 rgb(134,133,118)
```
#8f8e6d
```
#8f8e6d rgb(143,142,109)
```
#999663
```
#999663 rgb(153,150,99)
```
#a39f59
```
#a39f59 rgb(163,159,89)
```
#ada84f
```
#ada84f rgb(173,168,79)
```
#b6b046
```
#b6b046 rgb(182,176,70)
```
#c0b93c
```
#c0b93c rgb(192,185,60)
```
#cac232
```
#cac232 rgb(202,194,50)
```
#d3ca29
```
#d3ca29 rgb(211,202,41)
```
#ddd31f
```
#ddd31f rgb(221,211,31)
```
#e7dc15
```
#e7dc15 rgb(231,220,21)
```
#f0e40c
```
#f0e40c rgb(240,228,12)
```
#faed02
```
#faed02 rgb(250,237,2)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#c7c5a1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead129 Protanopia 1% of men
#ffc860 Deuteranopia 1% of men
#ecc7d5 Tritanopia 0.001% of the population

Trichromacy

#e5d225 Protanomaly 1% of men, 0.01% of women
#f2cc48 Deuteranomaly 6% of men, 0.4% of women
#e6cb93 Tritanomaly 0.01% of the population

#ddd31f hex color

#ddd31f Color Information

#ddd31f Color Conversion

Color Schemes with #ddd31f

Alternatives to #ddd31f

#ddd31f Preview

Shades and Tints of #ddd31f

Tones of #ddd31f

Color Blindness Simulator