#ddb61f hex color

In a RGB color space, hex #ddb61f is composed of 86.7% red, 71.4% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 17.6% magenta, 86% yellow and 13.3% black. It has a hue angle of 47.7 degrees, a saturation of 75.4% and a lightness of 49.4%. #ddb61f color hex could be obtained by blending #ffff3e with #bb6d00. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 87
- G 71
- B 12
RGB color chart
- C 0
- M 18
- Y 86
- K 13
CMYK color chart

● #ddb61f color description : Vivid yellow.

The hexadecimal color #ddb61f has RGB values of R:221, G:182, B:31 and CMYK values of C:0, M:0.18, Y:0.86, K:0.13. Its decimal value is 14530079.

Hex triplet	ddb61f	`#ddb61f`
RGB Decimal	221, 182, 31	`rgb(221,182,31)`
RGB Percent	86.7, 71.4, 12.2	`rgb(86.7%,71.4%,12.2%)`
CMYK	0, 18, 86, 13
HSL	47.7°, 75.4, 49.4	`hsl(47.7,75.4%,49.4%)`
HSV (or HSB)	47.7°, 86, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	75.407, 0.815, 72.88
XYZ	46.795, 48.929, 8.276
xyY	0.45, 0.47, 48.929
CIE-LCH	75.407, 72.884, 89.359
CIE-LUV	75.407, 33.839, 76.774
Hunter-Lab	69.949, -2.998, 41.95
Binary	11011101, 10110110, 00011111

#ddb61f
```
#ddb61f rgb(221,182,31)
```
#1f46dd
```
#1f46dd rgb(31,70,221)
```

Complementary Color

#dd571f
```
#dd571f rgb(221,87,31)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```
#a5dd1f
```
#a5dd1f rgb(165,221,31)
```

Analogous Color

#571fdd
```
#571fdd rgb(87,31,221)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```
#1fa5dd
```
#1fa5dd rgb(31,165,221)
```

Split Complementary Color

#b61fdd
```
#b61fdd rgb(182,31,221)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```
#1fddb6
```
#1fddb6 rgb(31,221,182)
```

Triadic Color

#dd1f46
```
#dd1f46 rgb(221,31,70)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```
#1fddb6
```
#1fddb6 rgb(31,221,182)
```
#1f46dd
```
#1f46dd rgb(31,70,221)
```

Tetradic Color

#9a7f16
```
#9a7f16 rgb(154,127,22)
```
#b09119
```
#b09119 rgb(176,145,25)
```
#c7a41c
```
#c7a41c rgb(199,164,28)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```
#e2be33
```
#e2be33 rgb(226,190,51)
```
#e6c649
```
#e6c649 rgb(230,198,73)
```
#e9cd60
```
#e9cd60 rgb(233,205,96)
```

Monochromatic Color

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

#dd871f
```
#dd871f rgb(221,135,31)
```
#dd961f
```
#dd961f rgb(221,150,31)
```
#dda61f
```
#dda61f rgb(221,166,31)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```
#ddc61f
```
#ddc61f rgb(221,198,31)
```
#ddd61f
```
#ddd61f rgb(221,214,31)
```
#d5dd1f
```
#d5dd1f rgb(213,221,31)
```

Similar Colors

Text with hexadecimal color #ddb61f

This text has a font color of #ddb61f.

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

#ddb61f background color

This paragraph has a background color of #ddb61f.

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

#ddb61f border color

This element has a border color of #ddb61f.

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

CSS codes

.text {color:#ddb61f;}

.background {background-color:#ddb61f;}

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

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, #0f0c02 is the darkest color, while #fffefc is the lightest one.

#0f0c02
```
#0f0c02 rgb(15,12,2)
```
#201a04
```
#201a04 rgb(32,26,4)
```
#312807
```
#312807 rgb(49,40,7)
```
#423709
```
#423709 rgb(66,55,9)
```
#53450c
```
#53450c rgb(83,69,12)
```
#65530e
```
#65530e rgb(101,83,14)
```
#766111
```
#766111 rgb(118,97,17)
```
#876f13
```
#876f13 rgb(135,111,19)
```
#987d15
```
#987d15 rgb(152,125,21)
```
#a98c18
```
#a98c18 rgb(169,140,24)
```
#bb9a1a
```
#bb9a1a rgb(187,154,26)
```
#cca81d
```
#cca81d rgb(204,168,29)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```

Shade Color Variation

#e2bd2e
```
#e2bd2e rgb(226,189,46)
```
#e4c23f
```
#e4c23f rgb(228,194,63)
```
#e7c850
```
#e7c850 rgb(231,200,80)
```
#e9cd62
```
#e9cd62 rgb(233,205,98)
```
#ebd373
```
#ebd373 rgb(235,211,115)
```
#eed884
```
#eed884 rgb(238,216,132)
```
#f0dd95
```
#f0dd95 rgb(240,221,149)
```
#f3e3a6
```
#f3e3a6 rgb(243,227,166)
```
#f5e8b8
```
#f5e8b8 rgb(245,232,184)
```
#f7eec9
```
#f7eec9 rgb(247,238,201)
```
#faf3da
```
#faf3da rgb(250,243,218)
```
#fcf9eb
```
#fcf9eb rgb(252,249,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#868376
```
#868376 rgb(134,131,118)
```
#8f886d
```
#8f886d rgb(143,136,109)
```
#998e63
```
#998e63 rgb(153,142,99)
```
#a39459
```
#a39459 rgb(163,148,89)
```
#ad994f
```
#ad994f rgb(173,153,79)
```
#b69f46
```
#b69f46 rgb(182,159,70)
```
#c0a53c
```
#c0a53c rgb(192,165,60)
```
#caab32
```
#caab32 rgb(202,171,50)
```
#d3b029
```
#d3b029 rgb(211,176,41)
```
#ddb61f
```
#ddb61f rgb(221,182,31)
```
#e7bc15
```
#e7bc15 rgb(231,188,21)
```
#f0c10c
```
#f0c10c rgb(240,193,12)
```
#fac702
```
#fac702 rgb(250,199,2)
```

Tone Color Variation

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

Dichromacy

#d4bd2b Protanopia 1% of men
#ecb42e Deuteranopia 1% of men
#e8adb9 Tritanopia 0.001% of the population

Trichromacy

#d7ba27 Protanomaly 1% of men, 0.01% of women
#e6b428 Deuteranomaly 6% of men, 0.4% of women
#e4b081 Tritanomaly 0.01% of the population

#ddb61f hex color

#ddb61f Color Information

#ddb61f Color Conversion

Color Schemes with #ddb61f

Alternatives to #ddb61f

#ddb61f Preview

Shades and Tints of #ddb61f

Tones of #ddb61f

Color Blindness Simulator