#ddd22f hex color

In a RGB color space, hex #ddd22f is composed of 86.7% red, 82.4% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 5% magenta, 78.7% yellow and 13.3% black. It has a hue angle of 56.2 degrees, a saturation of 71.9% and a lightness of 52.5%. #ddd22f color hex could be obtained by blending #ffff5e with #bba500. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 82
- B 18
RGB color chart
- C 0
- M 5
- Y 79
- K 13
CMYK color chart

● #ddd22f color description : Bright yellow.

The hexadecimal color #ddd22f has RGB values of R:221, G:210, B:47 and CMYK values of C:0, M:0.05, Y:0.79, K:0.13. Its decimal value is 14537263.

Hex triplet	ddd22f	`#ddd22f`
RGB Decimal	221, 210, 47	`rgb(221,210,47)`
RGB Percent	86.7, 82.4, 18.4	`rgb(86.7%,82.4%,18.4%)`
CMYK	0, 5, 79, 13
HSL	56.2°, 71.9, 52.5	`hsl(56.2,71.9%,52.5%)`
HSV (or HSB)	56.2°, 78.7, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.739, -13.076, 74.936
XYZ	53.379, 61.672, 11.781
xyY	0.421, 0.486, 61.672
CIE-LCH	82.739, 76.068, 99.898
CIE-LUV	82.739, 13.734, 85.139
Hunter-Lab	78.531, -16.101, 46.077
Binary	11011101, 11010010, 00101111

#ddd22f
```
#ddd22f rgb(221,210,47)
```
#2f3add
```
#2f3add rgb(47,58,221)
```

Complementary Color

#dd7b2f
```
#dd7b2f rgb(221,123,47)
```
#ddd22f
```
#ddd22f rgb(221,210,47)
```
#91dd2f
```
#91dd2f rgb(145,221,47)
```

Analogous Color

#7b2fdd
```
#7b2fdd rgb(123,47,221)
```
#ddd22f
```
#ddd22f rgb(221,210,47)
```
#2f91dd
```
#2f91dd rgb(47,145,221)
```

Split Complementary Color

#d22fdd
```
#d22fdd rgb(210,47,221)
```
#ddd22f
```
#ddd22f rgb(221,210,47)
```
#2fddd2
```
#2fddd2 rgb(47,221,210)
```

Triadic Color

#dd2f3a
```
#dd2f3a rgb(221,47,58)
```
#ddd22f
```
#ddd22f rgb(221,210,47)
```
#2fddd2
```
#2fddd2 rgb(47,221,210)
```
#2f3add
```
#2f3add rgb(47,58,221)
```

Tetradic Color

#a59c1b
```
#a59c1b rgb(165,156,27)
```
#bbb11e
```
#bbb11e rgb(187,177,30)
```
#d0c522
```
#d0c522 rgb(208,197,34)
```
#ddd22f
```
#ddd22f rgb(221,210,47)
```
#e1d745
```
#e1d745 rgb(225,215,69)
```
#e4db5b
```
#e4db5b rgb(228,219,91)
```
#e8e071
```
#e8e071 rgb(232,224,113)
```

Monochromatic Color

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

#dda72f
```
#dda72f rgb(221,167,47)
```
#ddb52f
```
#ddb52f rgb(221,181,47)
```
#ddc42f
```
#ddc42f rgb(221,196,47)
```
#ddd22f
```
#ddd22f rgb(221,210,47)
```
#dadd2f
```
#dadd2f rgb(218,221,47)
```
#cbdd2f
```
#cbdd2f rgb(203,221,47)
```
#bddd2f
```
#bddd2f rgb(189,221,47)
```

Similar Colors

Text with hexadecimal color #ddd22f

This text has a font color of #ddd22f.

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

#ddd22f background color

This paragraph has a background color of #ddd22f.

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

#ddd22f border color

This element has a border color of #ddd22f.

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

CSS codes

.text {color:#ddd22f;}

.background {background-color:#ddd22f;}

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

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

#0b0b02
```
#0b0b02 rgb(11,11,2)
```
#1c1b05
```
#1c1b05 rgb(28,27,5)
```
#2d2b07
```
#2d2b07 rgb(45,43,7)
```
#3e3a0a
```
#3e3a0a rgb(62,58,10)
```
#4f4a0d
```
#4f4a0d rgb(79,74,13)
```
#5f5a10
```
#5f5a10 rgb(95,90,16)
```
#706a12
```
#706a12 rgb(112,106,18)
```
#817a15
```
#817a15 rgb(129,122,21)
```
#928a18
```
#928a18 rgb(146,138,24)
```
#a39a1b
```
#a39a1b rgb(163,154,27)
```
#b4aa1d
```
#b4aa1d rgb(180,170,29)
```
#c5ba20
```
#c5ba20 rgb(197,186,32)
```
#d5ca23
```
#d5ca23 rgb(213,202,35)
```

Shade Color Variation

#ddd22f
```
#ddd22f rgb(221,210,47)
```
#e0d640
```
#e0d640 rgb(224,214,64)
```
#e3d951
```
#e3d951 rgb(227,217,81)
```
#e5dd62
```
#e5dd62 rgb(229,221,98)
```
#e8e172
```
#e8e172 rgb(232,225,114)
```
#ebe483
```
#ebe483 rgb(235,228,131)
```
#eee894
```
#eee894 rgb(238,232,148)
```
#f0eca5
```
#f0eca5 rgb(240,236,165)
```
#f3efb6
```
#f3efb6 rgb(243,239,182)
```
#f6f3c7
```
#f6f3c7 rgb(246,243,199)
```
#f9f6d8
```
#f9f6d8 rgb(249,246,216)
```
#fbfae8
```
#fbfae8 rgb(251,250,232)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#898983
```
#898983 rgb(137,137,131)
```
#939179
```
#939179 rgb(147,145,121)
```
#9c9970
```
#9c9970 rgb(156,153,112)
```
#a5a167
```
#a5a167 rgb(165,161,103)
```
#aea95e
```
#aea95e rgb(174,169,94)
```
#b8b154
```
#b8b154 rgb(184,177,84)
```
#c1ba4b
```
#c1ba4b rgb(193,186,75)
```
#cac242
```
#cac242 rgb(202,194,66)
```
#d4ca38
```
#d4ca38 rgb(212,202,56)
```
#ddd22f
```
#ddd22f rgb(221,210,47)
```
#e6da26
```
#e6da26 rgb(230,218,38)
```
#f0e21c
```
#f0e21c rgb(240,226,28)
```
#f9ea13
```
#f9ea13 rgb(249,234,19)
```

Tone Color Variation

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

#c3c3c3 Achromatopsia 0.005% of the population
#c8c6a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9d038 Protanopia 1% of men
#ffc75e Deuteranopia 1% of men
#ecc6d4 Tritanopia 0.001% of the population

Trichromacy

#e4d135 Protanomaly 1% of men, 0.01% of women
#f2cb4d Deuteranomaly 6% of men, 0.4% of women
#e6ca98 Tritanomaly 0.01% of the population

#ddd22f hex color

#ddd22f Color Information

#ddd22f Color Conversion

Color Schemes with #ddd22f

Alternatives to #ddd22f

#ddd22f Preview

Shades and Tints of #ddd22f

Tones of #ddd22f

Color Blindness Simulator