#ddc00f hex color

In a RGB color space, hex #ddc00f is composed of 86.7% red, 75.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 13.1% magenta, 93.2% yellow and 13.3% black. It has a hue angle of 51.6 degrees, a saturation of 87.3% and a lightness of 46.3%. #ddc00f color hex could be obtained by blending #ffff1e with #bb8100. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 87
- G 75
- B 6
RGB color chart
- C 0
- M 13
- Y 93
- K 13
CMYK color chart

● #ddc00f color description : Vivid yellow.

The hexadecimal color #ddc00f has RGB values of R:221, G:192, B:15 and CMYK values of C:0, M:0.13, Y:0.93, K:0.13. Its decimal value is 14532623.

Hex triplet	ddc00f	`#ddc00f`
RGB Decimal	221, 192, 15	`rgb(221,192,15)`
RGB Percent	86.7, 75.3, 5.9	`rgb(86.7%,75.3%,5.9%)`
CMYK	0, 13, 93, 13
HSL	51.6°, 87.3, 46.3	`hsl(51.6,87.3%,46.3%)`
HSV (or HSB)	51.6°, 93.2, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	77.939, -4.658, 77.728
XYZ	48.755, 53.108, 8.135
xyY	0.443, 0.483, 53.108
CIE-LCH	77.939, 77.868, 93.429
CIE-LUV	77.939, 26.728, 82.268
Hunter-Lab	72.875, -8.11, 44.394
Binary	11011101, 11000000, 00001111

#ddc00f
```
#ddc00f rgb(221,192,15)
```
#0f2cdd
```
#0f2cdd rgb(15,44,221)
```

Complementary Color

#dd590f
```
#dd590f rgb(221,89,15)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```
#93dd0f
```
#93dd0f rgb(147,221,15)
```

Analogous Color

#590fdd
```
#590fdd rgb(89,15,221)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```
#0f93dd
```
#0f93dd rgb(15,147,221)
```

Split Complementary Color

#c00fdd
```
#c00fdd rgb(192,15,221)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```
#0fddc0
```
#0fddc0 rgb(15,221,192)
```

Triadic Color

#dd0f2c
```
#dd0f2c rgb(221,15,44)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```
#0fddc0
```
#0fddc0 rgb(15,221,192)
```
#0f2cdd
```
#0f2cdd rgb(15,44,221)
```

Tetradic Color

#95820a
```
#95820a rgb(149,130,10)
```
#ad970c
```
#ad970c rgb(173,151,12)
```
#c5ab0d
```
#c5ab0d rgb(197,171,13)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```
#efd116
```
#efd116 rgb(239,209,22)
```
#f1d52e
```
#f1d52e rgb(241,213,46)
```
#f2da46
```
#f2da46 rgb(242,218,70)
```

Monochromatic Color

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

#dd8d0f
```
#dd8d0f rgb(221,141,15)
```
#dd9e0f
```
#dd9e0f rgb(221,158,15)
```
#ddaf0f
```
#ddaf0f rgb(221,175,15)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```
#ddd10f
```
#ddd10f rgb(221,209,15)
```
#d8dd0f
```
#d8dd0f rgb(216,221,15)
```
#c7dd0f
```
#c7dd0f rgb(199,221,15)
```

Similar Colors

Text with hexadecimal color #ddc00f

This text has a font color of #ddc00f.

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

#ddc00f background color

This paragraph has a background color of #ddc00f.

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

#ddc00f border color

This element has a border color of #ddc00f.

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

CSS codes

.text {color:#ddc00f;}

.background {background-color:#ddc00f;}

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

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 #fefbed is the lightest one.

#010100
```
#010100 rgb(1,1,0)
```
#131001
```
#131001 rgb(19,16,1)
```
#252003
```
#252003 rgb(37,32,3)
```
#383004
```
#383004 rgb(56,48,4)
```
#4a4005
```
#4a4005 rgb(74,64,5)
```
#5c5006
```
#5c5006 rgb(92,80,6)
```
#6f6008
```
#6f6008 rgb(111,96,8)
```
#817009
```
#817009 rgb(129,112,9)
```
#94800a
```
#94800a rgb(148,128,10)
```
#a6900b
```
#a6900b rgb(166,144,11)
```
#b8a00d
```
#b8a00d rgb(184,160,13)
```
#cbb00e
```
#cbb00e rgb(203,176,14)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```

Shade Color Variation

#efd011
```
#efd011 rgb(239,208,17)
```
#f0d323
```
#f0d323 rgb(240,211,35)
```
#f1d736
```
#f1d736 rgb(241,215,54)
```
#f3db48
```
#f3db48 rgb(243,219,72)
```
#f4de5a
```
#f4de5a rgb(244,222,90)
```
#f5e26d
```
#f5e26d rgb(245,226,109)
```
#f6e67f
```
#f6e67f rgb(246,230,127)
```
#f8e991
```
#f8e991 rgb(248,233,145)
```
#f9eda4
```
#f9eda4 rgb(249,237,164)
```
#faf0b6
```
#faf0b6 rgb(250,240,182)
```
#fbf4c8
```
#fbf4c8 rgb(251,244,200)
```
#fdf8db
```
#fdf8db rgb(253,248,219)
```
#fefbed
```
#fefbed rgb(254,251,237)
```

Tint Color Variation

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

#797873
```
#797873 rgb(121,120,115)
```
#827f6a
```
#827f6a rgb(130,127,106)
```
#8b8561
```
#8b8561 rgb(139,133,97)
```
#948c58
```
#948c58 rgb(148,140,88)
```
#9d924f
```
#9d924f rgb(157,146,79)
```
#a79945
```
#a79945 rgb(167,153,69)
```
#b09f3c
```
#b09f3c rgb(176,159,60)
```
#b9a633
```
#b9a633 rgb(185,166,51)
```
#c2ac2a
```
#c2ac2a rgb(194,172,42)
```
#cbb321
```
#cbb321 rgb(203,179,33)
```
#d4b918
```
#d4b918 rgb(212,185,24)
```
#ddc00f
```
#ddc00f rgb(221,192,15)
```
#e6c706
```
#e6c706 rgb(230,199,6)
```

Tone Color Variation

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

Dichromacy

#dbc41b Protanopia 1% of men
#f4ba25 Deuteranopia 1% of men
#eab6c3 Tritanopia 0.001% of the population

Trichromacy

#dcc217 Protanomaly 1% of men, 0.01% of women
#ecbc1d Deuteranomaly 6% of men, 0.4% of women
#e5b981 Tritanomaly 0.01% of the population

#ddc00f hex color

#ddc00f Color Information

#ddc00f Color Conversion

Color Schemes with #ddc00f

Alternatives to #ddc00f

#ddc00f Preview

Shades and Tints of #ddc00f

Tones of #ddc00f

Color Blindness Simulator