#ddb63d hex color

In a RGB color space, hex #ddb63d is composed of 86.7% red, 71.4% green and 23.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 72.4% yellow and 13.3% black. It has a hue angle of 45.4 degrees, a saturation of 70.2% and a lightness of 55.3%. #ddb63d color hex could be obtained by blending #ffff7a with #bb6d00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 71
- B 24
RGB color chart
- C 0
- M 18
- Y 72
- K 13
CMYK color chart

● #ddb63d color description : Bright yellow.

The hexadecimal color #ddb63d has RGB values of R:221, G:182, B:61 and CMYK values of C:0, M:0.18, Y:0.72, K:0.13. Its decimal value is 14530109.

Hex triplet	ddb63d	`#ddb63d`
RGB Decimal	221, 182, 61	`rgb(221,182,61)`
RGB Percent	86.7, 71.4, 23.9	`rgb(86.7%,71.4%,23.9%)`
CMYK	0, 18, 72, 13
HSL	45.4°, 70.2, 55.3	`hsl(45.4,70.2%,55.3%)`
HSV (or HSB)	45.4°, 72.4, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.555, 1.843, 63.566
XYZ	47.39, 49.167, 11.409
xyY	0.439, 0.455, 49.167
CIE-LCH	75.555, 63.592, 88.339
CIE-LUV	75.555, 32.98, 70.602
Hunter-Lab	70.119, -2.07, 39.437
Binary	11011101, 10110110, 00111101

#ddb63d
```
#ddb63d rgb(221,182,61)
```
#3d64dd
```
#3d64dd rgb(61,100,221)
```

Complementary Color

#dd663d
```
#dd663d rgb(221,102,61)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#b4dd3d
```
#b4dd3d rgb(180,221,61)
```

Analogous Color

#663ddd
```
#663ddd rgb(102,61,221)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#3db4dd
```
#3db4dd rgb(61,180,221)
```

Split Complementary Color

#b63ddd
```
#b63ddd rgb(182,61,221)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#3dddb6
```
#3dddb6 rgb(61,221,182)
```

Triadic Color

#dd3d64
```
#dd3d64 rgb(221,61,100)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#3dddb6
```
#3dddb6 rgb(61,221,182)
```
#3d64dd
```
#3d64dd rgb(61,100,221)
```

Tetradic Color

#af8c1f
```
#af8c1f rgb(175,140,31)
```
#c59d22
```
#c59d22 rgb(197,157,34)
```
#d9ae27
```
#d9ae27 rgb(217,174,39)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#e1be53
```
#e1be53 rgb(225,190,83)
```
#e5c668
```
#e5c668 rgb(229,198,104)
```
#e8ce7e
```
#e8ce7e rgb(232,206,126)
```

Monochromatic Color

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

#dd8e3d
```
#dd8e3d rgb(221,142,61)
```
#dd9b3d
```
#dd9b3d rgb(221,155,61)
```
#dda93d
```
#dda93d rgb(221,169,61)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#ddc33d
```
#ddc33d rgb(221,195,61)
```
#ddd13d
```
#ddd13d rgb(221,209,61)
```
#dcdd3d
```
#dcdd3d rgb(220,221,61)
```

Similar Colors

Text with hexadecimal color #ddb63d

This text has a font color of #ddb63d.

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

#ddb63d background color

This paragraph has a background color of #ddb63d.

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

#ddb63d border color

This element has a border color of #ddb63d.

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

CSS codes

.text {color:#ddb63d;}

.background {background-color:#ddb63d;}

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

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

#060501
```
#060501 rgb(6,5,1)
```
#171204
```
#171204 rgb(23,18,4)
```
#282007
```
#282007 rgb(40,32,7)
```
#382d0a
```
#382d0a rgb(56,45,10)
```
#493a0d
```
#493a0d rgb(73,58,13)
```
#5a4810
```
#5a4810 rgb(90,72,16)
```
#6a5513
```
#6a5513 rgb(106,85,19)
```
#7b6216
```
#7b6216 rgb(123,98,22)
```
#8c7019
```
#8c7019 rgb(140,112,25)
```
#9c7d1b
```
#9c7d1b rgb(156,125,27)
```
#ad8a1e
```
#ad8a1e rgb(173,138,30)
```
#be9821
```
#be9821 rgb(190,152,33)
```
#cfa524
```
#cfa524 rgb(207,165,36)
```

Shade Color Variation

#dab02c
```
#dab02c rgb(218,176,44)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#e0bc4e
```
#e0bc4e rgb(224,188,78)
```
#e3c35e
```
#e3c35e rgb(227,195,94)
```
#e6c96f
```
#e6c96f rgb(230,201,111)
```
#e9cf80
```
#e9cf80 rgb(233,207,128)
```
#ecd590
```
#ecd590 rgb(236,213,144)
```
#efdca1
```
#efdca1 rgb(239,220,161)
```
#f1e2b2
```
#f1e2b2 rgb(241,226,178)
```
#f4e8c3
```
#f4e8c3 rgb(244,232,195)
```
#f7efd3
```
#f7efd3 rgb(247,239,211)
```
#faf5e4
```
#faf5e4 rgb(250,245,228)
```
#fdfbf5
```
#fdfbf5 rgb(253,251,245)
```

Tint Color Variation

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

#8e8e8c
```
#8e8e8c rgb(142,142,140)
```
#979283
```
#979283 rgb(151,146,131)
```
#a0977a
```
#a0977a rgb(160,151,122)
```
#a89b72
```
#a89b72 rgb(168,155,114)
```
#b1a069
```
#b1a069 rgb(177,160,105)
```
#baa460
```
#baa460 rgb(186,164,96)
```
#c3a957
```
#c3a957 rgb(195,169,87)
```
#cbad4f
```
#cbad4f rgb(203,173,79)
```
#d4b246
```
#d4b246 rgb(212,178,70)
```
#ddb63d
```
#ddb63d rgb(221,182,61)
```
#e6ba34
```
#e6ba34 rgb(230,186,52)
```
#efbf2b
```
#efbf2b rgb(239,191,43)
```
#f7c323
```
#f7c323 rgb(247,195,35)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#bcb49c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3be48 Protanopia 1% of men
#eab449 Deuteranopia 1% of men
#e8aeba Tritanopia 0.001% of the population

Trichromacy

#d6bb44 Protanomaly 1% of men, 0.01% of women
#e5b544 Deuteranomaly 6% of men, 0.4% of women
#e4b18c Tritanomaly 0.01% of the population

#ddb63d hex color

#ddb63d Color Information

#ddb63d Color Conversion

Color Schemes with #ddb63d

Alternatives to #ddb63d

#ddb63d Preview

Shades and Tints of #ddb63d

Tones of #ddb63d

Color Blindness Simulator