#ddb33f hex color

In a RGB color space, hex #ddb33f is composed of 86.7% red, 70.2% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 19% magenta, 71.5% yellow and 13.3% black. It has a hue angle of 44.1 degrees, a saturation of 69.9% and a lightness of 55.7%. #ddb33f color hex could be obtained by blending #ffff7e with #bb6700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 70
- B 25
RGB color chart
- C 0
- M 19
- Y 71
- K 13
CMYK color chart

● #ddb33f color description : Bright orange.

The hexadecimal color #ddb33f has RGB values of R:221, G:179, B:63 and CMYK values of C:0, M:0.19, Y:0.71, K:0.13. Its decimal value is 14529343.

Hex triplet	ddb33f	`#ddb33f`
RGB Decimal	221, 179, 63	`rgb(221,179,63)`
RGB Percent	86.7, 70.2, 24.7	`rgb(86.7%,70.2%,24.7%)`
CMYK	0, 19, 71, 13
HSL	44.1°, 69.9, 55.7	`hsl(44.1,69.9%,55.7%)`
HSV (or HSB)	44.1°, 71.5, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.808, 3.515, 62.04
XYZ	46.837, 47.973, 11.495
xyY	0.441, 0.451, 47.973
CIE-LCH	74.808, 62.14, 86.757
CIE-LUV	74.808, 35.082, 68.797
Hunter-Lab	69.263, -0.505, 38.644
Binary	11011101, 10110011, 00111111

#ddb33f
```
#ddb33f rgb(221,179,63)
```
#3f69dd
```
#3f69dd rgb(63,105,221)
```

Complementary Color

#dd643f
```
#dd643f rgb(221,100,63)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#b8dd3f
```
#b8dd3f rgb(184,221,63)
```

Analogous Color

#643fdd
```
#643fdd rgb(100,63,221)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#3fb8dd
```
#3fb8dd rgb(63,184,221)
```

Split Complementary Color

#b33fdd
```
#b33fdd rgb(179,63,221)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#3fddb3
```
#3fddb3 rgb(63,221,179)
```

Triadic Color

#dd3f69
```
#dd3f69 rgb(221,63,105)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#3fddb3
```
#3fddb3 rgb(63,221,179)
```
#3f69dd
```
#3f69dd rgb(63,105,221)
```

Tetradic Color

#b08a1f
```
#b08a1f rgb(176,138,31)
```
#c69b23
```
#c69b23 rgb(198,155,35)
```
#d9aa29
```
#d9aa29 rgb(217,170,41)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#e1bc55
```
#e1bc55 rgb(225,188,85)
```
#e5c46a
```
#e5c46a rgb(229,196,106)
```
#e9cd80
```
#e9cd80 rgb(233,205,128)
```

Monochromatic Color

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

#dd8c3f
```
#dd8c3f rgb(221,140,63)
```
#dd993f
```
#dd993f rgb(221,153,63)
```
#dda63f
```
#dda63f rgb(221,166,63)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#ddc03f
```
#ddc03f rgb(221,192,63)
```
#ddcd3f
```
#ddcd3f rgb(221,205,63)
```
#dddb3f
```
#dddb3f rgb(221,219,63)
```

Similar Colors

Text with hexadecimal color #ddb33f

This text has a font color of #ddb33f.

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

#ddb33f background color

This paragraph has a background color of #ddb33f.

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

#ddb33f border color

This element has a border color of #ddb33f.

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

CSS codes

.text {color:#ddb33f;}

.background {background-color:#ddb33f;}

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

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

#080601
```
#080601 rgb(8,6,1)
```
#191304
```
#191304 rgb(25,19,4)
```
#292007
```
#292007 rgb(41,32,7)
```
#3a2d0a
```
#3a2d0a rgb(58,45,10)
```
#4b3a0d
```
#4b3a0d rgb(75,58,13)
```
#5b4710
```
#5b4710 rgb(91,71,16)
```
#6c5413
```
#6c5413 rgb(108,84,19)
```
#7d6116
```
#7d6116 rgb(125,97,22)
```
#8d6e19
```
#8d6e19 rgb(141,110,25)
```
#9e7b1c
```
#9e7b1c rgb(158,123,28)
```
#af881f
```
#af881f rgb(175,136,31)
```
#bf9522
```
#bf9522 rgb(191,149,34)
```
#d0a225
```
#d0a225 rgb(208,162,37)
```

Shade Color Variation

#daac2e
```
#daac2e rgb(218,172,46)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#e0ba50
```
#e0ba50 rgb(224,186,80)
```
#e3c060
```
#e3c060 rgb(227,192,96)
```
#e6c771
```
#e6c771 rgb(230,199,113)
```
#e9cd82
```
#e9cd82 rgb(233,205,130)
```
#ecd492
```
#ecd492 rgb(236,212,146)
```
#efdba3
```
#efdba3 rgb(239,219,163)
```
#f2e1b4
```
#f2e1b4 rgb(242,225,180)
```
#f5e8c4
```
#f5e8c4 rgb(245,232,196)
```
#f8eed5
```
#f8eed5 rgb(248,238,213)
```
#fbf5e6
```
#fbf5e6 rgb(251,245,230)
```
#fdfcf6
```
#fdfcf6 rgb(253,252,246)
```

Tint Color Variation

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

#8f8e8d
```
#8f8e8d rgb(143,142,141)
```
#979285
```
#979285 rgb(151,146,133)
```
#a0977c
```
#a0977c rgb(160,151,124)
```
#a99b73
```
#a99b73 rgb(169,155,115)
```
#b29f6a
```
#b29f6a rgb(178,159,106)
```
#baa362
```
#baa362 rgb(186,163,98)
```
#c3a759
```
#c3a759 rgb(195,167,89)
```
#ccab50
```
#ccab50 rgb(204,171,80)
```
#d4af48
```
#d4af48 rgb(212,175,72)
```
#ddb33f
```
#ddb33f rgb(221,179,63)
```
#e6b736
```
#e6b736 rgb(230,183,54)
```
#eebb2e
```
#eebb2e rgb(238,187,46)
```
#f7bf25
```
#f7bf25 rgb(247,191,37)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#bbb29b Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc4a Protanopia 1% of men
#e8b34a Deuteranopia 1% of men
#e7abb7 Tritanopia 0.001% of the population

Trichromacy

#d5b846 Protanomaly 1% of men, 0.01% of women
#e4b346 Deuteranomaly 6% of men, 0.4% of women
#e3ae8b Tritanomaly 0.01% of the population

#ddb33f hex color

#ddb33f Color Information

#ddb33f Color Conversion

Color Schemes with #ddb33f

Alternatives to #ddb33f

#ddb33f Preview

Shades and Tints of #ddb33f

Tones of #ddb33f

Color Blindness Simulator