#ddb63c hex color

In a RGB color space, hex #ddb63c is composed of 86.7% red, 71.4% green and 23.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 72.9% yellow and 13.3% black. It has a hue angle of 45.5 degrees, a saturation of 70.3% and a lightness of 55.1%. #ddb63c color hex could be obtained by blending #ffff78 with #bb6d00. Closest websafe color is: #cccc33.

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

● #ddb63c color description : Bright yellow.

The hexadecimal color #ddb63c has RGB values of R:221, G:182, B:60 and CMYK values of C:0, M:0.18, Y:0.73, K:0.13. Its decimal value is 14530108.

Hex triplet	ddb63c	`#ddb63c`
RGB Decimal	221, 182, 60	`rgb(221,182,60)`
RGB Percent	86.7, 71.4, 23.5	`rgb(86.7%,71.4%,23.5%)`
CMYK	0, 18, 73, 13
HSL	45.5°, 70.3, 55.1	`hsl(45.5,70.3%,55.1%)`
HSV (or HSB)	45.5°, 72.9, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.548, 1.797, 63.943
XYZ	47.363, 49.156, 11.268
xyY	0.439, 0.456, 49.156
CIE-LCH	75.548, 63.968, 88.39
CIE-LUV	75.548, 33.018, 70.875
Hunter-Lab	70.112, -2.112, 39.549
Binary	11011101, 10110110, 00111100

#ddb63c
```
#ddb63c rgb(221,182,60)
```
#3c63dd
```
#3c63dd rgb(60,99,221)
```

Complementary Color

#dd663c
```
#dd663c rgb(221,102,60)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#b4dd3c
```
#b4dd3c rgb(180,221,60)
```

Analogous Color

#663cdd
```
#663cdd rgb(102,60,221)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#3cb4dd
```
#3cb4dd rgb(60,180,221)
```

Split Complementary Color

#b63cdd
```
#b63cdd rgb(182,60,221)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#3cddb6
```
#3cddb6 rgb(60,221,182)
```

Triadic Color

#dd3c63
```
#dd3c63 rgb(221,60,99)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#3cddb6
```
#3cddb6 rgb(60,221,182)
```
#3c63dd
```
#3c63dd rgb(60,99,221)
```

Tetradic Color

#ae8b1e
```
#ae8b1e rgb(174,139,30)
```
#c49d22
```
#c49d22 rgb(196,157,34)
```
#d9ae26
```
#d9ae26 rgb(217,174,38)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#e1be52
```
#e1be52 rgb(225,190,82)
```
#e5c667
```
#e5c667 rgb(229,198,103)
```
#e8ce7d
```
#e8ce7d rgb(232,206,125)
```

Monochromatic Color

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

#dd8e3c
```
#dd8e3c rgb(221,142,60)
```
#dd9b3c
```
#dd9b3c rgb(221,155,60)
```
#dda93c
```
#dda93c rgb(221,169,60)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#ddc33c
```
#ddc33c rgb(221,195,60)
```
#ddd13c
```
#ddd13c rgb(221,209,60)
```
#dcdd3c
```
#dcdd3c rgb(220,221,60)
```

Similar Colors

Text with hexadecimal color #ddb63c

This text has a font color of #ddb63c.

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

#ddb63c background color

This paragraph has a background color of #ddb63c.

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

#ddb63c border color

This element has a border color of #ddb63c.

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

CSS codes

.text {color:#ddb63c;}

.background {background-color:#ddb63c;}

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

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

#050401
```
#050401 rgb(5,4,1)
```
#161204
```
#161204 rgb(22,18,4)
```
#271f07
```
#271f07 rgb(39,31,7)
```
#382c0a
```
#382c0a rgb(56,44,10)
```
#483a0d
```
#483a0d rgb(72,58,13)
```
#594710
```
#594710 rgb(89,71,16)
```
#6a5512
```
#6a5512 rgb(106,85,18)
```
#7a6215
```
#7a6215 rgb(122,98,21)
```
#8b6f18
```
#8b6f18 rgb(139,111,24)
```
#9c7d1b
```
#9c7d1b rgb(156,125,27)
```
#ac8a1e
```
#ac8a1e rgb(172,138,30)
```
#bd9721
```
#bd9721 rgb(189,151,33)
```
#cea524
```
#cea524 rgb(206,165,36)
```

Shade Color Variation

#dab02b
```
#dab02b rgb(218,176,43)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#e0bc4d
```
#e0bc4d rgb(224,188,77)
```
#e3c35d
```
#e3c35d rgb(227,195,93)
```
#e6c96e
```
#e6c96e rgb(230,201,110)
```
#e9cf7f
```
#e9cf7f rgb(233,207,127)
```
#ecd590
```
#ecd590 rgb(236,213,144)
```
#eedca0
```
#eedca0 rgb(238,220,160)
```
#f1e2b1
```
#f1e2b1 rgb(241,226,177)
```
#f4e8c2
```
#f4e8c2 rgb(244,232,194)
```
#f7eed2
```
#f7eed2 rgb(247,238,210)
```
#faf5e3
```
#faf5e3 rgb(250,245,227)
```
#fdfbf4
```
#fdfbf4 rgb(253,251,244)
```

Tint Color Variation

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

#8e8d8b
```
#8e8d8b rgb(142,141,139)
```
#979282
```
#979282 rgb(151,146,130)
```
#9f967a
```
#9f967a rgb(159,150,122)
```
#a89b71
```
#a89b71 rgb(168,155,113)
```
#b19f68
```
#b19f68 rgb(177,159,104)
```
#baa45f
```
#baa45f rgb(186,164,95)
```
#c3a856
```
#c3a856 rgb(195,168,86)
```
#cbad4e
```
#cbad4e rgb(203,173,78)
```
#d4b145
```
#d4b145 rgb(212,177,69)
```
#ddb63c
```
#ddb63c rgb(221,182,60)
```
#e6bb33
```
#e6bb33 rgb(230,187,51)
```
#efbf2a
```
#efbf2a rgb(239,191,42)
```
#f7c422
```
#f7c422 rgb(247,196,34)
```

Tone Color Variation

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

#d3be47 Protanopia 1% of men
#eab448 Deuteranopia 1% of men
#e8aeba Tritanopia 0.001% of the population

Trichromacy

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

#ddb63c hex color

#ddb63c Color Information

#ddb63c Color Conversion

Color Schemes with #ddb63c

Alternatives to #ddb63c

#ddb63c Preview

Shades and Tints of #ddb63c

Tones of #ddb63c

Color Blindness Simulator