#ddb03a hex color

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

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

● #ddb03a color description : Bright orange.

The hexadecimal color #ddb03a has RGB values of R:221, G:176, B:58 and CMYK values of C:0, M:0.2, Y:0.74, K:0.13. Its decimal value is 14528570.

Hex triplet	ddb03a	`#ddb03a`
RGB Decimal	221, 176, 58	`rgb(221,176,58)`
RGB Percent	86.7, 69, 22.7	`rgb(86.7%,69%,22.7%)`
CMYK	0, 20, 74, 13
HSL	43.4°, 70.6, 54.7	`hsl(43.4,70.6%,54.7%)`
HSV (or HSB)	43.4°, 73.8, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.017, 4.867, 63.214
XYZ	46.109, 46.73, 10.594
xyY	0.446, 0.452, 46.73
CIE-LCH	74.017, 63.401, 85.597
CIE-LUV	74.017, 37.492, 68.952
Hunter-Lab	68.36, 0.769, 38.663
Binary	11011101, 10110000, 00111010

#ddb03a
```
#ddb03a rgb(221,176,58)
```
#3a67dd
```
#3a67dd rgb(58,103,221)
```

Complementary Color

#dd5f3a
```
#dd5f3a rgb(221,95,58)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#b9dd3a
```
#b9dd3a rgb(185,221,58)
```

Analogous Color

#5f3add
```
#5f3add rgb(95,58,221)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#3ab9dd
```
#3ab9dd rgb(58,185,221)
```

Split Complementary Color

#b03add
```
#b03add rgb(176,58,221)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#3addb0
```
#3addb0 rgb(58,221,176)
```

Triadic Color

#dd3a67
```
#dd3a67 rgb(221,58,103)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#3addb0
```
#3addb0 rgb(58,221,176)
```
#3a67dd
```
#3a67dd rgb(58,103,221)
```

Tetradic Color

#ad851e
```
#ad851e rgb(173,133,30)
```
#c29622
```
#c29622 rgb(194,150,34)
```
#d8a725
```
#d8a725 rgb(216,167,37)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#e1b950
```
#e1b950 rgb(225,185,80)
```
#e5c165
```
#e5c165 rgb(229,193,101)
```
#e8ca7b
```
#e8ca7b rgb(232,202,123)
```

Monochromatic Color

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

#dd873a
```
#dd873a rgb(221,135,58)
```
#dd953a
```
#dd953a rgb(221,149,58)
```
#dda23a
```
#dda23a rgb(221,162,58)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#ddbe3a
```
#ddbe3a rgb(221,190,58)
```
#ddcb3a
```
#ddcb3a rgb(221,203,58)
```
#ddd93a
```
#ddd93a rgb(221,217,58)
```

Similar Colors

Text with hexadecimal color #ddb03a

This text has a font color of #ddb03a.

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

#ddb03a background color

This paragraph has a background color of #ddb03a.

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

#ddb03a border color

This element has a border color of #ddb03a.

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

CSS codes

.text {color:#ddb03a;}

.background {background-color:#ddb03a;}

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

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)
```
#251d06
```
#251d06 rgb(37,29,6)
```
#362a09
```
#362a09 rgb(54,42,9)
```
#47370c
```
#47370c rgb(71,55,12)
```
#57430f
```
#57430f rgb(87,67,15)
```
#685012
```
#685012 rgb(104,80,18)
```
#795d15
```
#795d15 rgb(121,93,21)
```
#8a6a18
```
#8a6a18 rgb(138,106,24)
```
#9a771b
```
#9a771b rgb(154,119,27)
```
#ab841e
```
#ab841e rgb(171,132,30)
```
#bc9120
```
#bc9120 rgb(188,145,32)
```
#cc9e23
```
#cc9e23 rgb(204,158,35)
```

Shade Color Variation

#daa929
```
#daa929 rgb(218,169,41)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#e0b74b
```
#e0b74b rgb(224,183,75)
```
#e3bd5b
```
#e3bd5b rgb(227,189,91)
```
#e6c46c
```
#e6c46c rgb(230,196,108)
```
#e9cb7d
```
#e9cb7d rgb(233,203,125)
```
#ebd28e
```
#ebd28e rgb(235,210,142)
```
#eed89e
```
#eed89e rgb(238,216,158)
```
#f1dfaf
```
#f1dfaf rgb(241,223,175)
```
#f4e6c0
```
#f4e6c0 rgb(244,230,192)
```
#f7ecd1
```
#f7ecd1 rgb(247,236,209)
```
#faf3e1
```
#faf3e1 rgb(250,243,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 #f8bc1f is the most saturated one.

#8d8c8a
```
#8d8c8a rgb(141,140,138)
```
#969081
```
#969081 rgb(150,144,129)
```
#9f9478
```
#9f9478 rgb(159,148,120)
```
#a8986f
```
#a8986f rgb(168,152,111)
```
#b19c66
```
#b19c66 rgb(177,156,102)
```
#b9a05e
```
#b9a05e rgb(185,160,94)
```
#c2a455
```
#c2a455 rgb(194,164,85)
```
#cba84c
```
#cba84c rgb(203,168,76)
```
#d4ac43
```
#d4ac43 rgb(212,172,67)
```
#ddb03a
```
#ddb03a rgb(221,176,58)
```
#e6b431
```
#e6b431 rgb(230,180,49)
```
#efb828
```
#efb828 rgb(239,184,40)
```
#f8bc1f
```
#f8bc1f rgb(248,188,31)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#b9b098 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ceba45 Protanopia 1% of men
#e5b145 Deuteranopia 1% of men
#e7a9b4 Tritanopia 0.001% of the population

Trichromacy

#d3b641 Protanomaly 1% of men, 0.01% of women
#e2b041 Deuteranomaly 6% of men, 0.4% of women
#e3ab88 Tritanomaly 0.01% of the population

#ddb03a hex color

#ddb03a Color Information

#ddb03a Color Conversion

Color Schemes with #ddb03a

Alternatives to #ddb03a

#ddb03a Preview

Shades and Tints of #ddb03a

Tones of #ddb03a

Color Blindness Simulator