#ddc55f hex color

In a RGB color space, hex #ddc55f is composed of 86.7% red, 77.3% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 57% yellow and 13.3% black. It has a hue angle of 48.6 degrees, a saturation of 64.9% and a lightness of 62%. #ddc55f color hex could be obtained by blending #ffffbe with #bb8b00. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 87
- G 77
- B 37
RGB color chart
- C 0
- M 11
- Y 57
- K 13
CMYK color chart

● #ddc55f color description : Soft yellow.

The hexadecimal color #ddc55f has RGB values of R:221, G:197, B:95 and CMYK values of C:0, M:0.11, Y:0.57, K:0.13. Its decimal value is 14533983.

Hex triplet	ddc55f	`#ddc55f`
RGB Decimal	221, 197, 95	`rgb(221,197,95)`
RGB Percent	86.7, 77.3, 37.3	`rgb(86.7%,77.3%,37.3%)`
CMYK	0, 11, 57, 13
HSL	48.6°, 64.9, 62	`hsl(48.6,64.9%,62%)`
HSV (or HSB)	48.6°, 57, 86.7
Web Safe	cccc66	`#cccc66`

CIE-LAB	79.689, -3.906, 53.358
XYZ	51.851, 56.132, 18.929
xyY	0.409, 0.442, 56.132
CIE-LCH	79.689, 53.501, 94.187
CIE-LUV	79.689, 21.067, 65.364
Hunter-Lab	74.922, -7.579, 37.465
Binary	11011101, 11000101, 01011111

#ddc55f
```
#ddc55f rgb(221,197,95)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```

Complementary Color

#dd865f
```
#dd865f rgb(221,134,95)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#b6dd5f
```
#b6dd5f rgb(182,221,95)
```

Analogous Color

#865fdd
```
#865fdd rgb(134,95,221)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#5fb6dd
```
#5fb6dd rgb(95,182,221)
```

Split Complementary Color

#c55fdd
```
#c55fdd rgb(197,95,221)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#5fddc5
```
#5fddc5 rgb(95,221,197)
```

Triadic Color

#dd5f77
```
#dd5f77 rgb(221,95,119)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#5fddc5
```
#5fddc5 rgb(95,221,197)
```
#5f77dd
```
#5f77dd rgb(95,119,221)
```

Tetradic Color

#c6a82a
```
#c6a82a rgb(198,168,42)
```
#d4b635
```
#d4b635 rgb(212,182,53)
```
#d9bd4a
```
#d9bd4a rgb(217,189,74)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#e1cd74
```
#e1cd74 rgb(225,205,116)
```
#e6d489
```
#e6d489 rgb(230,212,137)
```
#eadc9e
```
#eadc9e rgb(234,220,158)
```

Monochromatic Color

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

#dda65f
```
#dda65f rgb(221,166,95)
```
#ddb05f
```
#ddb05f rgb(221,176,95)
```
#ddbb5f
```
#ddbb5f rgb(221,187,95)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#ddd05f
```
#ddd05f rgb(221,208,95)
```
#ddda5f
```
#ddda5f rgb(221,218,95)
```
#d6dd5f
```
#d6dd5f rgb(214,221,95)
```

Similar Colors

Text with hexadecimal color #ddc55f

This text has a font color of #ddc55f.

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

#ddc55f background color

This paragraph has a background color of #ddc55f.

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

#ddc55f border color

This element has a border color of #ddc55f.

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

CSS codes

.text {color:#ddc55f;}

.background {background-color:#ddc55f;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#120f04
```
#120f04 rgb(18,15,4)
```
#221d07
```
#221d07 rgb(34,29,7)
```
#322b0b
```
#322b0b rgb(50,43,11)
```
#42390e
```
#42390e rgb(66,57,14)
```
#534612
```
#534612 rgb(83,70,18)
```
#635415
```
#635415 rgb(99,84,21)
```
#736218
```
#736218 rgb(115,98,24)
```
#83701c
```
#83701c rgb(131,112,28)
```
#937d1f
```
#937d1f rgb(147,125,31)
```
#a48b23
```
#a48b23 rgb(164,139,35)
```
#b49926
```
#b49926 rgb(180,153,38)
```
#c4a72a
```
#c4a72a rgb(196,167,42)
```

Shade Color Variation

#d3b32e
```
#d3b32e rgb(211,179,46)
```
#d6b93f
```
#d6b93f rgb(214,185,63)
```
#dabf4f
```
#dabf4f rgb(218,191,79)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#e0cb6f
```
#e0cb6f rgb(224,203,111)
```
#e4d17f
```
#e4d17f rgb(228,209,127)
```
#e7d790
```
#e7d790 rgb(231,215,144)
```
#ebdca0
```
#ebdca0 rgb(235,220,160)
```
#eee2b0
```
#eee2b0 rgb(238,226,176)
```
#f2e8c0
```
#f2e8c0 rgb(242,232,192)
```
#f5eed0
```
#f5eed0 rgb(245,238,208)
```
#f9f4e0
```
#f9f4e0 rgb(249,244,224)
```
#fcfaf1
```
#fcfaf1 rgb(252,250,241)
```

Tint Color Variation

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

#a1a09b
```
#a1a09b rgb(161,160,155)
```
#a9a593
```
#a9a593 rgb(169,165,147)
```
#b0a98c
```
#b0a98c rgb(176,169,140)
```
#b8ae84
```
#b8ae84 rgb(184,174,132)
```
#bfb37d
```
#bfb37d rgb(191,179,125)
```
#c7b775
```
#c7b775 rgb(199,183,117)
```
#cebc6e
```
#cebc6e rgb(206,188,110)
```
#d6c066
```
#d6c066 rgb(214,192,102)
```
#ddc55f
```
#ddc55f rgb(221,197,95)
```
#e4ca58
```
#e4ca58 rgb(228,202,88)
```
#ecce50
```
#ecce50 rgb(236,206,80)
```
#f3d349
```
#f3d349 rgb(243,211,73)
```
#fbd741
```
#fbd741 rgb(251,215,65)
```

Tone Color Variation

Below, you can see how #ddc55f 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
#c7c2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc867 Protanopia 1% of men
#f4bf6a Deuteranopia 1% of men
#e8bdca Tritanopia 0.001% of the population

Trichromacy

#dcc764 Protanomaly 1% of men, 0.01% of women
#ebc166 Deuteranomaly 6% of men, 0.4% of women
#e4bfa3 Tritanomaly 0.01% of the population

#ddc55f hex color

#ddc55f Color Information

#ddc55f Color Conversion

Color Schemes with #ddc55f

Alternatives to #ddc55f

#ddc55f Preview

Shades and Tints of #ddc55f

Tones of #ddc55f

Color Blindness Simulator