colorhexa.com

#ddbf22 hex color

In a RGB color space, hex #ddbf22 is composed of 86.7% red, 74.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.6% magenta, 84.6% yellow and 13.3% black. It has a hue angle of 50.4 degrees, a saturation of 73.3% and a lightness of 50%. #ddbf22 color hex could be obtained by blending #ffff44 with #bb7f00. Closest websafe color is: #cccc33.

- R 87
- G 75
- B 13
RGB color chart
- C 0
- M 14
- Y 85
- K 13
CMYK color chart

● #ddbf22 color description : Bright yellow.

The hexadecimal color #ddbf22 has RGB values of R:221, G:191, B:34 and CMYK values of C:0, M:0.14, Y:0.85, K:0.13. Its decimal value is 14532386.

Hex triplet	ddbf22	`#ddbf22`
RGB Decimal	221, 191, 34	`rgb(221,191,34)`
RGB Percent	86.7, 74.9, 13.3	`rgb(86.7%,74.9%,13.3%)`
CMYK	0, 14, 85, 13
HSL	50.4°, 73.3, 50	`hsl(50.4,73.3%,50%)`
HSV (or HSB)	50.4°, 84.6, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	77.728, -3.794, 74.067
XYZ	48.739, 52.751, 9.128
xyY	0.441, 0.477, 52.751
CIE-LCH	77.728, 74.164, 92.933
CIE-LUV	77.728, 27.203, 79.833
Hunter-Lab	72.63, -7.319, 43.389
Binary	11011101, 10111111, 00100010

#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#2240dd
```
#2240dd rgb(34,64,221)
```

Complementary Color

#dd6222
```
#dd6222 rgb(221,98,34)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#9edd22
```
#9edd22 rgb(158,221,34)
```

Analogous Color

#6222dd
```
#6222dd rgb(98,34,221)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#229edd
```
#229edd rgb(34,158,221)
```

Split Complementary Color

#bf22dd
```
#bf22dd rgb(191,34,221)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#22ddbf
```
#22ddbf rgb(34,221,191)
```

Triadic Color

#dd2240
```
#dd2240 rgb(221,34,64)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#22ddbf
```
#22ddbf rgb(34,221,191)
```
#2240dd
```
#2240dd rgb(34,64,221)
```

Tetradic Color

#9b8618
```
#9b8618 rgb(155,134,24)
```
#b1991b
```
#b1991b rgb(177,153,27)
```
#c7ac1f
```
#c7ac1f rgb(199,172,31)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#e0c538
```
#e0c538 rgb(224,197,56)
```
#e4cc4e
```
#e4cc4e rgb(228,204,78)
```
#e7d264
```
#e7d264 rgb(231,210,100)
```

Monochromatic Color

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

#dd9022
```
#dd9022 rgb(221,144,34)
```
#dda022
```
#dda022 rgb(221,160,34)
```
#ddaf22
```
#ddaf22 rgb(221,175,34)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#ddcf22
```
#ddcf22 rgb(221,207,34)
```
#dcdd22
```
#dcdd22 rgb(220,221,34)
```
#ccdd22
```
#ccdd22 rgb(204,221,34)
```

Similar Colors

Text with hexadecimal color #ddbf22

This text has a font color of #ddbf22.

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

#ddbf22 background color

This paragraph has a background color of #ddbf22.

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

#ddbf22 border color

This element has a border color of #ddbf22.

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

CSS codes

.text {color:#ddbf22;}

.background {background-color:#ddbf22;}

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

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, #110f03 is the darkest color, while #ffffff is the lightest one.

#110f03
```
#110f03 rgb(17,15,3)
```
#221d05
```
#221d05 rgb(34,29,5)
```
#332c08
```
#332c08 rgb(51,44,8)
```
#443b0a
```
#443b0a rgb(68,59,10)
```
#55490d
```
#55490d rgb(85,73,13)
```
#665810
```
#665810 rgb(102,88,16)
```
#776712
```
#776712 rgb(119,103,18)
```
#887615
```
#887615 rgb(136,118,21)
```
#998418
```
#998418 rgb(153,132,24)
```
#aa931a
```
#aa931a rgb(170,147,26)
```
#bba21d
```
#bba21d rgb(187,162,29)
```
#ccb01f
```
#ccb01f rgb(204,176,31)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```

Shade Color Variation

#e0c433
```
#e0c433 rgb(224,196,51)
```
#e2c944
```
#e2c944 rgb(226,201,68)
```
#e5ce55
```
#e5ce55 rgb(229,206,85)
```
#e7d366
```
#e7d366 rgb(231,211,102)
```
#ead877
```
#ead877 rgb(234,216,119)
```
#eddd88
```
#eddd88 rgb(237,221,136)
```
#efe199
```
#efe199 rgb(239,225,153)
```
#f2e6aa
```
#f2e6aa rgb(242,230,170)
```
#f5ebbb
```
#f5ebbb rgb(245,235,187)
```
#f7f0cc
```
#f7f0cc rgb(247,240,204)
```
#faf5dd
```
#faf5dd rgb(250,245,221)
```
#fcfaee
```
#fcfaee rgb(252,250,238)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#85837a
```
#85837a rgb(133,131,122)
```
#8f8a70
```
#8f8a70 rgb(143,138,112)
```
#989067
```
#989067 rgb(152,144,103)
```
#a2975d
```
#a2975d rgb(162,151,93)
```
#ac9e53
```
#ac9e53 rgb(172,158,83)
```
#b6a449
```
#b6a449 rgb(182,164,73)
```
#c0ab3f
```
#c0ab3f rgb(192,171,63)
```
#c9b236
```
#c9b236 rgb(201,178,54)
```
#d3b82c
```
#d3b82c rgb(211,184,44)
```
#ddbf22
```
#ddbf22 rgb(221,191,34)
```
#e7c618
```
#e7c618 rgb(231,198,24)
```
#f1cc0e
```
#f1cc0e rgb(241,204,14)
```
#fad305
```
#fad305 rgb(250,211,5)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#beb898 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dac32d Protanopia 1% of men
#f3ba33 Deuteranopia 1% of men
#e9b5c2 Tritanopia 0.001% of the population

Trichromacy

#dbc229 Protanomaly 1% of men, 0.01% of women
#ebbb2c Deuteranomaly 6% of men, 0.4% of women
#e5b988 Tritanomaly 0.01% of the population