#ddb01f hex color

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

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

● #ddb01f color description : Vivid yellow.

The hexadecimal color #ddb01f has RGB values of R:221, G:176, B:31 and CMYK values of C:0, M:0.2, Y:0.86, K:0.13. Its decimal value is 14528543.

Hex triplet	ddb01f	`#ddb01f`
RGB Decimal	221, 176, 31	`rgb(221,176,31)`
RGB Percent	86.7, 69, 12.2	`rgb(86.7%,69%,12.2%)`
CMYK	0, 20, 86, 13
HSL	45.8°, 75.4, 49.4	`hsl(45.8,75.4%,49.4%)`
HSV (or HSB)	45.8°, 86, 86.7
Web Safe	cc9933	`#cc9933`

CIE-LAB	73.884, 3.968, 71.645
XYZ	45.592, 46.524, 7.875
xyY	0.456, 0.465, 46.524
CIE-LCH	73.884, 71.754, 86.83
CIE-LUV	73.884, 38.329, 74.46
Hunter-Lab	68.208, -0.051, 40.901
Binary	11011101, 10110000, 00011111

#ddb01f
```
#ddb01f rgb(221,176,31)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```

Complementary Color

#dd511f
```
#dd511f rgb(221,81,31)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#abdd1f
```
#abdd1f rgb(171,221,31)
```

Analogous Color

#511fdd
```
#511fdd rgb(81,31,221)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#1fabdd
```
#1fabdd rgb(31,171,221)
```

Split Complementary Color

#b01fdd
```
#b01fdd rgb(176,31,221)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#1fddb0
```
#1fddb0 rgb(31,221,176)
```

Triadic Color

#dd1f4c
```
#dd1f4c rgb(221,31,76)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#1fddb0
```
#1fddb0 rgb(31,221,176)
```
#1f4cdd
```
#1f4cdd rgb(31,76,221)
```

Tetradic Color

#9a7b16
```
#9a7b16 rgb(154,123,22)
```
#b08c19
```
#b08c19 rgb(176,140,25)
```
#c79e1c
```
#c79e1c rgb(199,158,28)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#e2b933
```
#e2b933 rgb(226,185,51)
```
#e6c149
```
#e6c149 rgb(230,193,73)
```
#e9c860
```
#e9c860 rgb(233,200,96)
```

Monochromatic Color

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

#dd811f
```
#dd811f rgb(221,129,31)
```
#dd901f
```
#dd901f rgb(221,144,31)
```
#dda01f
```
#dda01f rgb(221,160,31)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#ddc01f
```
#ddc01f rgb(221,192,31)
```
#ddd01f
```
#ddd01f rgb(221,208,31)
```
#dbdd1f
```
#dbdd1f rgb(219,221,31)
```

Similar Colors

Text with hexadecimal color #ddb01f

This text has a font color of #ddb01f.

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

#ddb01f background color

This paragraph has a background color of #ddb01f.

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

#ddb01f border color

This element has a border color of #ddb01f.

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

CSS codes

.text {color:#ddb01f;}

.background {background-color:#ddb01f;}

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

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)
```
#201904
```
#201904 rgb(32,25,4)
```
#312707
```
#312707 rgb(49,39,7)
```
#423509
```
#423509 rgb(66,53,9)
```
#53420c
```
#53420c rgb(83,66,12)
```
#65500e
```
#65500e rgb(101,80,14)
```
#765e11
```
#765e11 rgb(118,94,17)
```
#876c13
```
#876c13 rgb(135,108,19)
```
#987915
```
#987915 rgb(152,121,21)
```
#a98718
```
#a98718 rgb(169,135,24)
```
#bb951a
```
#bb951a rgb(187,149,26)
```
#cca21d
```
#cca21d rgb(204,162,29)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```

Shade Color Variation

#e2b72e
```
#e2b72e rgb(226,183,46)
```
#e4bd3f
```
#e4bd3f rgb(228,189,63)
```
#e7c350
```
#e7c350 rgb(231,195,80)
```
#e9c962
```
#e9c962 rgb(233,201,98)
```
#ebcf73
```
#ebcf73 rgb(235,207,115)
```
#eed584
```
#eed584 rgb(238,213,132)
```
#f0db95
```
#f0db95 rgb(240,219,149)
```
#f3e1a6
```
#f3e1a6 rgb(243,225,166)
```
#f5e6b8
```
#f5e6b8 rgb(245,230,184)
```
#f7ecc9
```
#f7ecc9 rgb(247,236,201)
```
#faf2da
```
#faf2da rgb(250,242,218)
```
#fcf8eb
```
#fcf8eb rgb(252,248,235)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#868276
```
#868276 rgb(134,130,118)
```
#8f876d
```
#8f876d rgb(143,135,109)
```
#998c63
```
#998c63 rgb(153,140,99)
```
#a39159
```
#a39159 rgb(163,145,89)
```
#ad964f
```
#ad964f rgb(173,150,79)
```
#b69c46
```
#b69c46 rgb(182,156,70)
```
#c0a13c
```
#c0a13c rgb(192,161,60)
```
#caa632
```
#caa632 rgb(202,166,50)
```
#d3ab29
```
#d3ab29 rgb(211,171,41)
```
#ddb01f
```
#ddb01f rgb(221,176,31)
```
#e7b515
```
#e7b515 rgb(231,181,21)
```
#f0ba0c
```
#f0ba0c rgb(240,186,12)
```
#fabf02
```
#fabf02 rgb(250,191,2)
```

Tone Color Variation

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

#adadad Achromatopsia 0.005% of the population
#b7ae91 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfb92c Protanopia 1% of men
#e7b02d Deuteranopia 1% of men
#e7a8b4 Tritanopia 0.001% of the population

Trichromacy

#d4b627 Protanomaly 1% of men, 0.01% of women
#e3b028 Deuteranomaly 6% of men, 0.4% of women
#e3ab7d Tritanomaly 0.01% of the population

#ddb01f hex color

#ddb01f Color Information

#ddb01f Color Conversion

Color Schemes with #ddb01f

Alternatives to #ddb01f

#ddb01f Preview

Shades and Tints of #ddb01f

Tones of #ddb01f

Color Blindness Simulator