#ddbb23 hex color

In a RGB color space, hex #ddbb23 is composed of 86.7% red, 73.3% green and 13.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.4% magenta, 84.2% yellow and 13.3% black. It has a hue angle of 49 degrees, a saturation of 73.2% and a lightness of 50.2%. #ddbb23 color hex could be obtained by blending #ffff46 with #bb7700. Closest websafe color is: #cccc33.

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

● #ddbb23 color description : Bright yellow.

The hexadecimal color #ddbb23 has RGB values of R:221, G:187, B:35 and CMYK values of C:0, M:0.15, Y:0.84, K:0.13. Its decimal value is 14531363.

Hex triplet	ddbb23	`#ddbb23`
RGB Decimal	221, 187, 35	`rgb(221,187,35)`
RGB Percent	86.7, 73.3, 13.7	`rgb(86.7%,73.3%,13.7%)`
CMYK	0, 15, 84, 13
HSL	49°, 73.2, 50.2	`hsl(49,73.2%,50.2%)`
HSV (or HSB)	49°, 84.2, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	76.701, -1.696, 72.972
XYZ	47.893, 51.036, 8.918
xyY	0.444, 0.473, 51.036
CIE-LCH	76.701, 72.992, 91.332
CIE-LUV	76.701, 30.084, 78.129
Hunter-Lab	71.44, -5.353, 42.606
Binary	11011101, 10111011, 00100011

#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#2345dd
```
#2345dd rgb(35,69,221)
```

Complementary Color

#dd5e23
```
#dd5e23 rgb(221,94,35)
```
#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#a2dd23
```
#a2dd23 rgb(162,221,35)
```

Analogous Color

#5e23dd
```
#5e23dd rgb(94,35,221)
```
#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#23a2dd
```
#23a2dd rgb(35,162,221)
```

Split Complementary Color

#bb23dd
```
#bb23dd rgb(187,35,221)
```
#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#23ddbb
```
#23ddbb rgb(35,221,187)
```

Triadic Color

#dd2345
```
#dd2345 rgb(221,35,69)
```
#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#23ddbb
```
#23ddbb rgb(35,221,187)
```
#2345dd
```
#2345dd rgb(35,69,221)
```

Tetradic Color

#9b8318
```
#9b8318 rgb(155,131,24)
```
#b2961b
```
#b2961b rgb(178,150,27)
```
#c8a91f
```
#c8a91f rgb(200,169,31)
```
#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#e0c239
```
#e0c239 rgb(224,194,57)
```
#e4c94f
```
#e4c94f rgb(228,201,79)
```
#e7cf65
```
#e7cf65 rgb(231,207,101)
```

Monochromatic Color

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

#dd8d23
```
#dd8d23 rgb(221,141,35)
```
#dd9c23
```
#dd9c23 rgb(221,156,35)
```
#ddac23
```
#ddac23 rgb(221,172,35)
```
#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#ddcb23
```
#ddcb23 rgb(221,203,35)
```
#ddda23
```
#ddda23 rgb(221,218,35)
```
#d1dd23
```
#d1dd23 rgb(209,221,35)
```

Similar Colors

Text with hexadecimal color #ddbb23

This text has a font color of #ddbb23.

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

#ddbb23 background color

This paragraph has a background color of #ddbb23.

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

#ddbb23 border color

This element has a border color of #ddbb23.

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

CSS codes

.text {color:#ddbb23;}

.background {background-color:#ddbb23;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#120f03
```
#120f03 rgb(18,15,3)
```
#231d05
```
#231d05 rgb(35,29,5)
```
#342c08
```
#342c08 rgb(52,44,8)
```
#453a0b
```
#453a0b rgb(69,58,11)
```
#56490d
```
#56490d rgb(86,73,13)
```
#675710
```
#675710 rgb(103,87,16)
```
#786513
```
#786513 rgb(120,101,19)
```
#897415
```
#897415 rgb(137,116,21)
```
#9a8218
```
#9a8218 rgb(154,130,24)
```
#ab901a
```
#ab901a rgb(171,144,26)
```
#bc9f1d
```
#bc9f1d rgb(188,159,29)
```
#cdad20
```
#cdad20 rgb(205,173,32)
```

Shade Color Variation

#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#e0c034
```
#e0c034 rgb(224,192,52)
```
#e2c645
```
#e2c645 rgb(226,198,69)
```
#e5cb56
```
#e5cb56 rgb(229,203,86)
```
#e8d067
```
#e8d067 rgb(232,208,103)
```
#ead578
```
#ead578 rgb(234,213,120)
```
#eddb89
```
#eddb89 rgb(237,219,137)
```
#efe09a
```
#efe09a rgb(239,224,154)
```
#f2e5ab
```
#f2e5ab rgb(242,229,171)
```
#f5eabc
```
#f5eabc rgb(245,234,188)
```
#f7f0cd
```
#f7f0cd rgb(247,240,205)
```
#faf5de
```
#faf5de rgb(250,245,222)
```
#fdfaef
```
#fdfaef rgb(253,250,239)
```

Tint Color Variation

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

#85837b
```
#85837b rgb(133,131,123)
```
#8f8971
```
#8f8971 rgb(143,137,113)
```
#999067
```
#999067 rgb(153,144,103)
```
#a2965e
```
#a2965e rgb(162,150,94)
```
#ac9c54
```
#ac9c54 rgb(172,156,84)
```
#b6a24a
```
#b6a24a rgb(182,162,74)
```
#c0a840
```
#c0a840 rgb(192,168,64)
```
#c9af37
```
#c9af37 rgb(201,175,55)
```
#d3b52d
```
#d3b52d rgb(211,181,45)
```
#ddbb23
```
#ddbb23 rgb(221,187,35)
```
#e7c119
```
#e7c119 rgb(231,193,25)
```
#f1c70f
```
#f1c70f rgb(241,199,15)
```
#face06
```
#face06 rgb(250,206,6)
```

Tone Color Variation

Below, you can see how #ddbb23 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
#bcb597 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d7c12f Protanopia 1% of men
#f0b733 Deuteranopia 1% of men
#e9b2be Tritanopia 0.001% of the population

Trichromacy

#d9be2a Protanomaly 1% of men, 0.01% of women
#e9b82d Deuteranomaly 6% of men, 0.4% of women
#e4b586 Tritanomaly 0.01% of the population

#ddbb23 hex color

#ddbb23 Color Information

#ddbb23 Color Conversion

Color Schemes with #ddbb23

Alternatives to #ddbb23

#ddbb23 Preview

Shades and Tints of #ddbb23

Tones of #ddbb23

Color Blindness Simulator