#ddc503 hex color

In a RGB color space, hex #ddc503 is composed of 86.7% red, 77.3% green and 1.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 98.6% yellow and 13.3% black. It has a hue angle of 53.4 degrees, a saturation of 97.3% and a lightness of 43.9%. #ddc503 color hex could be obtained by blending #ffff06 with #bb8b00. Closest websafe color is: #cccc00.

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

● #ddc503 color description : Vivid yellow.

The hexadecimal color #ddc503 has RGB values of R:221, G:197, B:3 and CMYK values of C:0, M:0.11, Y:0.99, K:0.13. Its decimal value is 14533891.

Hex triplet	ddc503	`#ddc503`
RGB Decimal	221, 197, 3	`rgb(221,197,3)`
RGB Percent	86.7, 77.3, 1.2	`rgb(86.7%,77.3%,1.2%)`
CMYK	0, 11, 99, 13
HSL	53.4°, 97.3, 43.9	`hsl(53.4,97.3%,43.9%)`
HSV (or HSB)	53.4°, 98.6, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	79.221, -7.342, 79.924
XYZ	49.802, 55.313, 8.139
xyY	0.44, 0.488, 55.313
CIE-LCH	79.221, 80.26, 95.249
CIE-LUV	79.221, 23.218, 84.859
Hunter-Lab	74.373, -10.624, 45.572
Binary	11011101, 11000101, 00000011

#ddc503
```
#ddc503 rgb(221,197,3)
```
#031bdd
```
#031bdd rgb(3,27,221)
```

Complementary Color

#dd5803
```
#dd5803 rgb(221,88,3)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```
#88dd03
```
#88dd03 rgb(136,221,3)
```

Analogous Color

#5803dd
```
#5803dd rgb(88,3,221)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```
#0388dd
```
#0388dd rgb(3,136,221)
```

Split Complementary Color

#c503dd
```
#c503dd rgb(197,3,221)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```
#03ddc5
```
#03ddc5 rgb(3,221,197)
```

Triadic Color

#dd031b
```
#dd031b rgb(221,3,27)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```
#03ddc5
```
#03ddc5 rgb(3,221,197)
```
#031bdd
```
#031bdd rgb(3,27,221)
```

Tetradic Color

#928202
```
#928202 rgb(146,130,2)
```
#ab9802
```
#ab9802 rgb(171,152,2)
```
#c4af03
```
#c4af03 rgb(196,175,3)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```
#f6db03
```
#f6db03 rgb(246,219,3)
```
#fce317
```
#fce317 rgb(252,227,23)
```
#fce630
```
#fce630 rgb(252,230,48)
```

Monochromatic Color

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

#dd8f03
```
#dd8f03 rgb(221,143,3)
```
#dda103
```
#dda103 rgb(221,161,3)
```
#ddb303
```
#ddb303 rgb(221,179,3)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```
#ddd703
```
#ddd703 rgb(221,215,3)
```
#d1dd03
```
#d1dd03 rgb(209,221,3)
```
#bfdd03
```
#bfdd03 rgb(191,221,3)
```

Similar Colors

Text with hexadecimal color #ddc503

This text has a font color of #ddc503.

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

#ddc503 background color

This paragraph has a background color of #ddc503.

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

#ddc503 border color

This element has a border color of #ddc503.

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

CSS codes

.text {color:#ddc503;}

.background {background-color:#ddc503;}

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

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

#080700
```
#080700 rgb(8,7,0)
```
#1b1800
```
#1b1800 rgb(27,24,0)
```
#2f2a01
```
#2f2a01 rgb(47,42,1)
```
#423b01
```
#423b01 rgb(66,59,1)
```
#564c01
```
#564c01 rgb(86,76,1)
```
#695d01
```
#695d01 rgb(105,93,1)
```
#7c6f02
```
#7c6f02 rgb(124,111,2)
```
#908002
```
#908002 rgb(144,128,2)
```
#a39102
```
#a39102 rgb(163,145,2)
```
#b6a202
```
#b6a202 rgb(182,162,2)
```
#cab403
```
#cab403 rgb(202,180,3)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```
#f0d603
```
#f0d603 rgb(240,214,3)
```

Shade Color Variation

#fce10c
```
#fce10c rgb(252,225,12)
```
#fce41f
```
#fce41f rgb(252,228,31)
```
#fce632
```
#fce632 rgb(252,230,50)
```
#fce846
```
#fce846 rgb(252,232,70)
```
#fdeb59
```
#fdeb59 rgb(253,235,89)
```
#fded6c
```
#fded6c rgb(253,237,108)
```
#fdef80
```
#fdef80 rgb(253,239,128)
```
#fef293
```
#fef293 rgb(254,242,147)
```
#fef4a6
```
#fef4a6 rgb(254,244,166)
```
#fef7ba
```
#fef7ba rgb(254,247,186)
```
#fef9cd
```
#fef9cd rgb(254,249,205)
```
#fffbe0
```
#fffbe0 rgb(255,251,224)
```
#fffef4
```
#fffef4 rgb(255,254,244)
```

Tint Color Variation

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

#76746a
```
#76746a rgb(118,116,106)
```
#7e7b62
```
#7e7b62 rgb(126,123,98)
```
#878259
```
#878259 rgb(135,130,89)
```
#8f8951
```
#8f8951 rgb(143,137,81)
```
#988f48
```
#988f48 rgb(152,143,72)
```
#a1963f
```
#a1963f rgb(161,150,63)
```
#a99d37
```
#a99d37 rgb(169,157,55)
```
#b2a32e
```
#b2a32e rgb(178,163,46)
```
#bbaa25
```
#bbaa25 rgb(187,170,37)
```
#c3b11d
```
#c3b11d rgb(195,177,29)
```
#ccb814
```
#ccb814 rgb(204,184,20)
```
#d4be0c
```
#d4be0c rgb(212,190,12)
```
#ddc503
```
#ddc503 rgb(221,197,3)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#beb992 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfc70d Protanopia 1% of men
#f9bd20 Deuteranopia 1% of men
#eabac7 Tritanopia 0.001% of the population

Trichromacy

#dec609 Protanomaly 1% of men, 0.01% of women
#eec015 Deuteranomaly 6% of men, 0.4% of women
#e5be80 Tritanomaly 0.01% of the population

#ddc503 hex color

#ddc503 Color Information

#ddc503 Color Conversion

Color Schemes with #ddc503

Alternatives to #ddc503

#ddc503 Preview

Shades and Tints of #ddc503

Tones of #ddc503

Color Blindness Simulator