#ddb63a hex color

In a RGB color space, hex #ddb63a is composed of 86.7% red, 71.4% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 73.8% yellow and 13.3% black. It has a hue angle of 45.6 degrees, a saturation of 70.6% and a lightness of 54.7%. #ddb63a color hex could be obtained by blending #ffff74 with #bb6d00. Closest websafe color is: #cccc33.

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

● #ddb63a color description : Bright yellow.

The hexadecimal color #ddb63a has RGB values of R:221, G:182, B:58 and CMYK values of C:0, M:0.18, Y:0.74, K:0.13. Its decimal value is 14530106.

Hex triplet	ddb63a	`#ddb63a`
RGB Decimal	221, 182, 58	`rgb(221,182,58)`
RGB Percent	86.7, 71.4, 22.7	`rgb(86.7%,71.4%,22.7%)`
CMYK	0, 18, 74, 13
HSL	45.6°, 70.6, 54.7	`hsl(45.6,70.6%,54.7%)`
HSV (or HSB)	45.6°, 73.8, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.536, 1.708, 64.686
XYZ	47.311, 49.136, 10.995
xyY	0.44, 0.457, 49.136
CIE-LCH	75.536, 64.709, 88.487
CIE-LUV	75.536, 33.092, 71.407
Hunter-Lab	70.097, -2.193, 39.768
Binary	11011101, 10110110, 00111010

#ddb63a
```
#ddb63a rgb(221,182,58)
```
#3a61dd
```
#3a61dd rgb(58,97,221)
```

Complementary Color

#dd653a
```
#dd653a rgb(221,101,58)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#b3dd3a
```
#b3dd3a rgb(179,221,58)
```

Analogous Color

#653add
```
#653add rgb(101,58,221)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#3ab3dd
```
#3ab3dd rgb(58,179,221)
```

Split Complementary Color

#b63add
```
#b63add rgb(182,58,221)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#3addb6
```
#3addb6 rgb(58,221,182)
```

Triadic Color

#dd3a61
```
#dd3a61 rgb(221,58,97)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#3addb6
```
#3addb6 rgb(58,221,182)
```
#3a61dd
```
#3a61dd rgb(58,97,221)
```

Tetradic Color

#ad8b1e
```
#ad8b1e rgb(173,139,30)
```
#c29c22
```
#c29c22 rgb(194,156,34)
```
#d8ad25
```
#d8ad25 rgb(216,173,37)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#e1be50
```
#e1be50 rgb(225,190,80)
```
#e5c665
```
#e5c665 rgb(229,198,101)
```
#e8ce7b
```
#e8ce7b rgb(232,206,123)
```

Monochromatic Color

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

#dd8d3a
```
#dd8d3a rgb(221,141,58)
```
#dd9b3a
```
#dd9b3a rgb(221,155,58)
```
#dda83a
```
#dda83a rgb(221,168,58)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#ddc43a
```
#ddc43a rgb(221,196,58)
```
#ddd13a
```
#ddd13a rgb(221,209,58)
```
#dbdd3a
```
#dbdd3a rgb(219,221,58)
```

Similar Colors

Text with hexadecimal color #ddb63a

This text has a font color of #ddb63a.

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

#ddb63a background color

This paragraph has a background color of #ddb63a.

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

#ddb63a border color

This element has a border color of #ddb63a.

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

CSS codes

.text {color:#ddb63a;}

.background {background-color:#ddb63a;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141004
```
#141004 rgb(20,16,4)
```
#251e06
```
#251e06 rgb(37,30,6)
```
#362b09
```
#362b09 rgb(54,43,9)
```
#47390c
```
#47390c rgb(71,57,12)
```
#57460f
```
#57460f rgb(87,70,15)
```
#685312
```
#685312 rgb(104,83,18)
```
#796115
```
#796115 rgb(121,97,21)
```
#8a6e18
```
#8a6e18 rgb(138,110,24)
```
#9a7c1b
```
#9a7c1b rgb(154,124,27)
```
#ab891e
```
#ab891e rgb(171,137,30)
```
#bc9720
```
#bc9720 rgb(188,151,32)
```
#cca423
```
#cca423 rgb(204,164,35)
```

Shade Color Variation

#dab029
```
#dab029 rgb(218,176,41)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#e0bc4b
```
#e0bc4b rgb(224,188,75)
```
#e3c25b
```
#e3c25b rgb(227,194,91)
```
#e6c96c
```
#e6c96c rgb(230,201,108)
```
#e9cf7d
```
#e9cf7d rgb(233,207,125)
```
#ebd58e
```
#ebd58e rgb(235,213,142)
```
#eedb9e
```
#eedb9e rgb(238,219,158)
```
#f1e1af
```
#f1e1af rgb(241,225,175)
```
#f4e8c0
```
#f4e8c0 rgb(244,232,192)
```
#f7eed1
```
#f7eed1 rgb(247,238,209)
```
#faf4e1
```
#faf4e1 rgb(250,244,225)
```
#fdfaf2
```
#fdfaf2 rgb(253,250,242)
```

Tint Color Variation

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

#8d8c8a
```
#8d8c8a rgb(141,140,138)
```
#969181
```
#969181 rgb(150,145,129)
```
#9f9678
```
#9f9678 rgb(159,150,120)
```
#a89a6f
```
#a89a6f rgb(168,154,111)
```
#b19f66
```
#b19f66 rgb(177,159,102)
```
#b9a35e
```
#b9a35e rgb(185,163,94)
```
#c2a855
```
#c2a855 rgb(194,168,85)
```
#cbad4c
```
#cbad4c rgb(203,173,76)
```
#d4b143
```
#d4b143 rgb(212,177,67)
```
#ddb63a
```
#ddb63a rgb(221,182,58)
```
#e6bb31
```
#e6bb31 rgb(230,187,49)
```
#efbf28
```
#efbf28 rgb(239,191,40)
```
#f8c41f
```
#f8c41f rgb(248,196,31)
```

Tone Color Variation

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

#d3bd45 Protanopia 1% of men
#eab446 Deuteranopia 1% of men
#e8aeba Tritanopia 0.001% of the population

Trichromacy

#d6bb41 Protanomaly 1% of men, 0.01% of women
#e5b541 Deuteranomaly 6% of men, 0.4% of women
#e4b18b Tritanomaly 0.01% of the population

#ddb63a hex color

#ddb63a Color Information

#ddb63a Color Conversion

Color Schemes with #ddb63a

Alternatives to #ddb63a

#ddb63a Preview

Shades and Tints of #ddb63a

Tones of #ddb63a

Color Blindness Simulator