#ddd301 hex color

In a RGB color space, hex #ddd301 is composed of 86.7% red, 82.7% green and 0.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 99.5% yellow and 13.3% black. It has a hue angle of 57.3 degrees, a saturation of 99.1% and a lightness of 43.5%. #ddd301 color hex could be obtained by blending #ffff02 with #bba700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 87
- G 83
- B 0
RGB color chart
- C 0
- M 5
- Y 100
- K 13
CMYK color chart

● #ddd301 color description : Vivid yellow.

The hexadecimal color #ddd301 has RGB values of R:221, G:211, B:1 and CMYK values of C:0, M:0.05, Y:1, K:0.13. Its decimal value is 14537473.

Hex triplet	ddd301	`#ddd301`
RGB Decimal	221, 211, 1	`rgb(221,211,1)`
RGB Percent	86.7, 82.7, 0.4	`rgb(86.7%,82.7%,0.4%)`
CMYK	0, 5, 100, 13
HSL	57.3°, 99.1, 43.5	`hsl(57.3,99.1%,43.5%)`
HSV (or HSB)	57.3°, 99.5, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.894, -14.418, 82.774
XYZ	53.119, 61.964, 9.191
xyY	0.427, 0.499, 61.964
CIE-LCH	82.894, 84.021, 99.881
CIE-LUV	82.894, 13.47, 90.235
Hunter-Lab	78.717, -17.303, 48.179
Binary	11011101, 11010011, 00000001

#ddd301
```
#ddd301 rgb(221,211,1)
```
#010bdd
```
#010bdd rgb(1,11,221)
```

Complementary Color

#dd6501
```
#dd6501 rgb(221,101,1)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```
#79dd01
```
#79dd01 rgb(121,221,1)
```

Analogous Color

#6501dd
```
#6501dd rgb(101,1,221)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```
#0179dd
```
#0179dd rgb(1,121,221)
```

Split Complementary Color

#d301dd
```
#d301dd rgb(211,1,221)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```
#01ddd3
```
#01ddd3 rgb(1,221,211)
```

Triadic Color

#dd010b
```
#dd010b rgb(221,1,11)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```
#01ddd3
```
#01ddd3 rgb(1,221,211)
```
#010bdd
```
#010bdd rgb(1,11,221)
```

Tetradic Color

#918a01
```
#918a01 rgb(145,138,1)
```
#aaa301
```
#aaa301 rgb(170,163,1)
```
#c4bb01
```
#c4bb01 rgb(196,187,1)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```
#f6eb01
```
#f6eb01 rgb(246,235,1)
```
#fef313
```
#fef313 rgb(254,243,19)
```
#fef52c
```
#fef52c rgb(254,245,44)
```

Monochromatic Color

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

#dd9c01
```
#dd9c01 rgb(221,156,1)
```
#ddae01
```
#ddae01 rgb(221,174,1)
```
#ddc101
```
#ddc101 rgb(221,193,1)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```
#d5dd01
```
#d5dd01 rgb(213,221,1)
```
#c2dd01
```
#c2dd01 rgb(194,221,1)
```
#b0dd01
```
#b0dd01 rgb(176,221,1)
```

Similar Colors

Text with hexadecimal color #ddd301

This text has a font color of #ddd301.

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

#ddd301 background color

This paragraph has a background color of #ddd301.

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

#ddd301 border color

This element has a border color of #ddd301.

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

CSS codes

.text {color:#ddd301;}

.background {background-color:#ddd301;}

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

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

#060600
```
#060600 rgb(6,6,0)
```
#1a1900
```
#1a1900 rgb(26,25,0)
```
#2d2b00
```
#2d2b00 rgb(45,43,0)
```
#413e00
```
#413e00 rgb(65,62,0)
```
#545000
```
#545000 rgb(84,80,0)
```
#686300
```
#686300 rgb(104,99,0)
```
#7b7601
```
#7b7601 rgb(123,118,1)
```
#8f8801
```
#8f8801 rgb(143,136,1)
```
#a29b01
```
#a29b01 rgb(162,155,1)
```
#b6ae01
```
#b6ae01 rgb(182,174,1)
```
#c9c001
```
#c9c001 rgb(201,192,1)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```
#f1e601
```
#f1e601 rgb(241,230,1)
```

Shade Color Variation

#fef307
```
#fef307 rgb(254,243,7)
```
#fef41b
```
#fef41b rgb(254,244,27)
```
#fef52e
```
#fef52e rgb(254,245,46)
```
#fef642
```
#fef642 rgb(254,246,66)
```
#fef755
```
#fef755 rgb(254,247,85)
```
#fef869
```
#fef869 rgb(254,248,105)
```
#fef97d
```
#fef97d rgb(254,249,125)
```
#fef990
```
#fef990 rgb(254,249,144)
```
#fffaa4
```
#fffaa4 rgb(255,250,164)
```
#fffbb7
```
#fffbb7 rgb(255,251,183)
```
#fffccb
```
#fffccb rgb(255,252,203)
```
#fffdde
```
#fffdde rgb(255,253,222)
```
#fffef2
```
#fffef2 rgb(255,254,242)
```

Tint Color Variation

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

#777667
```
#777667 rgb(119,118,103)
```
#7f7e5f
```
#7f7e5f rgb(127,126,95)
```
#888556
```
#888556 rgb(136,133,86)
```
#908d4e
```
#908d4e rgb(144,141,78)
```
#999545
```
#999545 rgb(153,149,69)
```
#a19d3d
```
#a19d3d rgb(161,157,61)
```
#aaa434
```
#aaa434 rgb(170,164,52)
```
#b2ac2c
```
#b2ac2c rgb(178,172,44)
```
#bbb423
```
#bbb423 rgb(187,180,35)
```
#c3bc1b
```
#c3bc1b rgb(195,188,27)
```
#ccc312
```
#ccc312 rgb(204,195,18)
```
#d4cb0a
```
#d4cb0a rgb(212,203,10)
```
#ddd301
```
#ddd301 rgb(221,211,1)
```

Tone Color Variation

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

#bebebe Achromatopsia 0.005% of the population
#c4c298 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead100 Protanopia 1% of men
#ffc85d Deuteranopia 1% of men
#ecc7d5 Tritanopia 0.001% of the population

Trichromacy

#e5d100 Protanomaly 1% of men, 0.01% of women
#f2cc3c Deuteranomaly 6% of men, 0.4% of women
#e7cb87 Tritanomaly 0.01% of the population

#ddd301 hex color

#ddd301 Color Information

#ddd301 Color Conversion

Color Schemes with #ddd301

Alternatives to #ddd301

#ddd301 Preview

Shades and Tints of #ddd301

Tones of #ddd301

Color Blindness Simulator