#ddc402 hex color

In a RGB color space, hex #ddc402 is composed of 86.7% red, 76.9% green and 0.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 11.3% magenta, 99.1% yellow and 13.3% black. It has a hue angle of 53.2 degrees, a saturation of 98.2% and a lightness of 43.7%. #ddc402 color hex could be obtained by blending #ffff04 with #bb8900. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 87
- G 77
- B 1
RGB color chart
- C 0
- M 11
- Y 99
- K 13
CMYK color chart

● #ddc402 color description : Vivid yellow.

The hexadecimal color #ddc402 has RGB values of R:221, G:196, B:2 and CMYK values of C:0, M:0.11, Y:0.99, K:0.13. Its decimal value is 14533634.

Hex triplet	ddc402	`#ddc402`
RGB Decimal	221, 196, 2	`rgb(221,196,2)`
RGB Percent	86.7, 76.9, 0.8	`rgb(86.7%,76.9%,0.8%)`
CMYK	0, 11, 99, 13
HSL	53.2°, 98.2, 43.7	`hsl(53.2,98.2%,43.7%)`
HSV (or HSB)	53.2°, 99.1, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	78.959, -6.84, 79.834
XYZ	49.57, 54.858, 8.035
xyY	0.441, 0.488, 54.858
CIE-LCH	78.959, 80.126, 94.897
CIE-LUV	78.959, 23.938, 84.538
Hunter-Lab	74.066, -10.151, 45.414
Binary	11011101, 11000100, 00000010

#ddc402
```
#ddc402 rgb(221,196,2)
```
#021bdd
```
#021bdd rgb(2,27,221)
```

Complementary Color

#dd5702
```
#dd5702 rgb(221,87,2)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```
#89dd02
```
#89dd02 rgb(137,221,2)
```

Analogous Color

#5702dd
```
#5702dd rgb(87,2,221)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```
#0289dd
```
#0289dd rgb(2,137,221)
```

Split Complementary Color

#c402dd
```
#c402dd rgb(196,2,221)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```
#02ddc4
```
#02ddc4 rgb(2,221,196)
```

Triadic Color

#dd021b
```
#dd021b rgb(221,2,27)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```
#02ddc4
```
#02ddc4 rgb(2,221,196)
```
#021bdd
```
#021bdd rgb(2,27,221)
```

Tetradic Color

#918101
```
#918101 rgb(145,129,1)
```
#aa9702
```
#aa9702 rgb(170,151,2)
```
#c4ae02
```
#c4ae02 rgb(196,174,2)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```
#f6da02
```
#f6da02 rgb(246,218,2)
```
#fde215
```
#fde215 rgb(253,226,21)
```
#fde62e
```
#fde62e rgb(253,230,46)
```

Monochromatic Color

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

#dd8d02
```
#dd8d02 rgb(221,141,2)
```
#dda002
```
#dda002 rgb(221,160,2)
```
#ddb202
```
#ddb202 rgb(221,178,2)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```
#ddd602
```
#ddd602 rgb(221,214,2)
```
#d2dd02
```
#d2dd02 rgb(210,221,2)
```
#bfdd02
```
#bfdd02 rgb(191,221,2)
```

Similar Colors

Text with hexadecimal color #ddc402

This text has a font color of #ddc402.

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

#ddc402 background color

This paragraph has a background color of #ddc402.

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

#ddc402 border color

This element has a border color of #ddc402.

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

CSS codes

.text {color:#ddc402;}

.background {background-color:#ddc402;}

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

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

#070600
```
#070600 rgb(7,6,0)
```
#1b1800
```
#1b1800 rgb(27,24,0)
```
#2e2900
```
#2e2900 rgb(46,41,0)
```
#413a01
```
#413a01 rgb(65,58,1)
```
#554b01
```
#554b01 rgb(85,75,1)
```
#685d01
```
#685d01 rgb(104,93,1)
```
#7c6e01
```
#7c6e01 rgb(124,110,1)
```
#8f7f01
```
#8f7f01 rgb(143,127,1)
```
#a39001
```
#a39001 rgb(163,144,1)
```
#b6a202
```
#b6a202 rgb(182,162,2)
```
#cab302
```
#cab302 rgb(202,179,2)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```
#f0d502
```
#f0d502 rgb(240,213,2)
```

Shade Color Variation

#fde109
```
#fde109 rgb(253,225,9)
```
#fde31d
```
#fde31d rgb(253,227,29)
```
#fde630
```
#fde630 rgb(253,230,48)
```
#fde844
```
#fde844 rgb(253,232,68)
```
#fdeb57
```
#fdeb57 rgb(253,235,87)
```
#feed6b
```
#feed6b rgb(254,237,107)
```
#feef7e
```
#feef7e rgb(254,239,126)
```
#fef292
```
#fef292 rgb(254,242,146)
```
#fef4a5
```
#fef4a5 rgb(254,244,165)
```
#fef6b8
```
#fef6b8 rgb(254,246,184)
```
#fff9cc
```
#fff9cc rgb(255,249,204)
```
#fffbdf
```
#fffbdf rgb(255,251,223)
```
#fffef3
```
#fffef3 rgb(255,254,243)
```

Tint Color Variation

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

#767569
```
#767569 rgb(118,117,105)
```
#7f7b60
```
#7f7b60 rgb(127,123,96)
```
#878258
```
#878258 rgb(135,130,88)
```
#90884f
```
#90884f rgb(144,136,79)
```
#988f47
```
#988f47 rgb(152,143,71)
```
#a1963e
```
#a1963e rgb(161,150,62)
```
#aa9c35
```
#aa9c35 rgb(170,156,53)
```
#b2a32d
```
#b2a32d rgb(178,163,45)
```
#bbaa24
```
#bbaa24 rgb(187,170,36)
```
#c3b01c
```
#c3b01c rgb(195,176,28)
```
#ccb713
```
#ccb713 rgb(204,183,19)
```
#d4bd0b
```
#d4bd0b rgb(212,189,11)
```
#ddc402
```
#ddc402 rgb(221,196,2)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bdb891 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec70b Protanopia 1% of men
#f8bd1f Deuteranopia 1% of men
#eab9c6 Tritanopia 0.001% of the population

Trichromacy

#dec508 Protanomaly 1% of men, 0.01% of women
#eebf14 Deuteranomaly 6% of men, 0.4% of women
#e5bd7f Tritanomaly 0.01% of the population

#ddc402 hex color

#ddc402 Color Information

#ddc402 Color Conversion

Color Schemes with #ddc402

Alternatives to #ddc402

#ddc402 Preview

Shades and Tints of #ddc402

Tones of #ddc402

Color Blindness Simulator