#ddbb2a hex color

In a RGB color space, hex #ddbb2a is composed of 86.7% red, 73.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 81% yellow and 13.3% black. It has a hue angle of 48.6 degrees, a saturation of 72.5% and a lightness of 51.6%. #ddbb2a color hex could be obtained by blending #ffff54 with #bb7700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 73
- B 16
RGB color chart
- C 0
- M 15
- Y 81
- K 13
CMYK color chart

● #ddbb2a color description : Bright yellow.

The hexadecimal color #ddbb2a has RGB values of R:221, G:187, B:42 and CMYK values of C:0, M:0.15, Y:0.81, K:0.13. Its decimal value is 14531370.

Hex triplet	ddbb2a	`#ddbb2a`
RGB Decimal	221, 187, 42	`rgb(221,187,42)`
RGB Percent	86.7, 73.3, 16.5	`rgb(86.7%,73.3%,16.5%)`
CMYK	0, 15, 81, 13
HSL	48.6°, 72.5, 51.6	`hsl(48.6,72.5%,51.6%)`
HSV (or HSB)	48.6°, 81, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.729, -1.499, 71.104
XYZ	48.008, 51.082, 9.522
xyY	0.442, 0.47, 51.082
CIE-LCH	76.729, 71.12, 91.208
CIE-LUV	76.729, 29.932, 76.956
Hunter-Lab	71.472, -5.176, 42.131
Binary	11011101, 10111011, 00101010

#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#2a4cdd
```
#2a4cdd rgb(42,76,221)
```

Complementary Color

#dd622a
```
#dd622a rgb(221,98,42)
```
#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#a6dd2a
```
#a6dd2a rgb(166,221,42)
```

Analogous Color

#622add
```
#622add rgb(98,42,221)
```
#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#2aa6dd
```
#2aa6dd rgb(42,166,221)
```

Split Complementary Color

#bb2add
```
#bb2add rgb(187,42,221)
```
#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#2addbb
```
#2addbb rgb(42,221,187)
```

Triadic Color

#dd2a4c
```
#dd2a4c rgb(221,42,76)
```
#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#2addbb
```
#2addbb rgb(42,221,187)
```
#2a4cdd
```
#2a4cdd rgb(42,76,221)
```

Tetradic Color

#a1871a
```
#a1871a rgb(161,135,26)
```
#b79a1d
```
#b79a1d rgb(183,154,29)
```
#cdac21
```
#cdac21 rgb(205,172,33)
```
#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#e1c240
```
#e1c240 rgb(225,194,64)
```
#e4c956
```
#e4c956 rgb(228,201,86)
```
#e8d06c
```
#e8d06c rgb(232,208,108)
```

Monochromatic Color

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

#dd8e2a
```
#dd8e2a rgb(221,142,42)
```
#dd9d2a
```
#dd9d2a rgb(221,157,42)
```
#ddac2a
```
#ddac2a rgb(221,172,42)
```
#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#ddca2a
```
#ddca2a rgb(221,202,42)
```
#ddd92a
```
#ddd92a rgb(221,217,42)
```
#d2dd2a
```
#d2dd2a rgb(210,221,42)
```

Similar Colors

Text with hexadecimal color #ddbb2a

This text has a font color of #ddbb2a.

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

#ddbb2a background color

This paragraph has a background color of #ddbb2a.

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

#ddbb2a border color

This element has a border color of #ddbb2a.

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

CSS codes

.text {color:#ddbb2a;}

.background {background-color:#ddbb2a;}

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

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

#070601
```
#070601 rgb(7,6,1)
```
#181404
```
#181404 rgb(24,20,4)
```
#292207
```
#292207 rgb(41,34,7)
```
#3a3009
```
#3a3009 rgb(58,48,9)
```
#4b3f0c
```
#4b3f0c rgb(75,63,12)
```
#5b4d0f
```
#5b4d0f rgb(91,77,15)
```
#6c5b11
```
#6c5b11 rgb(108,91,17)
```
#7d6914
```
#7d6914 rgb(125,105,20)
```
#8e7817
```
#8e7817 rgb(142,120,23)
```
#9f8619
```
#9f8619 rgb(159,134,25)
```
#b0941c
```
#b0941c rgb(176,148,28)
```
#c1a21f
```
#c1a21f rgb(193,162,31)
```
#d2b022
```
#d2b022 rgb(210,176,34)
```

Shade Color Variation

#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#e0c03b
```
#e0c03b rgb(224,192,59)
```
#e2c64c
```
#e2c64c rgb(226,198,76)
```
#e5cb5d
```
#e5cb5d rgb(229,203,93)
```
#e8d16e
```
#e8d16e rgb(232,209,110)
```
#ebd67f
```
#ebd67f rgb(235,214,127)
```
#eddb8f
```
#eddb8f rgb(237,219,143)
```
#f0e1a0
```
#f0e1a0 rgb(240,225,160)
```
#f3e6b1
```
#f3e6b1 rgb(243,230,177)
```
#f5ecc2
```
#f5ecc2 rgb(245,236,194)
```
#f8f1d3
```
#f8f1d3 rgb(248,241,211)
```
#fbf6e4
```
#fbf6e4 rgb(251,246,228)
```
#fdfcf5
```
#fdfcf5 rgb(253,252,245)
```

Tint Color Variation

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

#888680
```
#888680 rgb(136,134,128)
```
#918c76
```
#918c76 rgb(145,140,118)
```
#9b926d
```
#9b926d rgb(155,146,109)
```
#a49863
```
#a49863 rgb(164,152,99)
```
#ae9e5a
```
#ae9e5a rgb(174,158,90)
```
#b7a350
```
#b7a350 rgb(183,163,80)
```
#c1a947
```
#c1a947 rgb(193,169,71)
```
#caaf3d
```
#caaf3d rgb(202,175,61)
```
#d4b534
```
#d4b534 rgb(212,181,52)
```
#ddbb2a
```
#ddbb2a rgb(221,187,42)
```
#e7c121
```
#e7c121 rgb(231,193,33)
```
#f0c717
```
#f0c717 rgb(240,199,23)
```
#facd0e
```
#facd0e rgb(250,205,14)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bdb699 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c135 Protanopia 1% of men
#efb739 Deuteranopia 1% of men
#e9b2be Tritanopia 0.001% of the population

Trichromacy

#d9be31 Protanomaly 1% of men, 0.01% of women
#e8b833 Deuteranomaly 6% of men, 0.4% of women
#e4b588 Tritanomaly 0.01% of the population

#ddbb2a hex color

#ddbb2a Color Information

#ddbb2a Color Conversion

Color Schemes with #ddbb2a

Alternatives to #ddbb2a

#ddbb2a Preview

Shades and Tints of #ddbb2a

Tones of #ddbb2a

Color Blindness Simulator