#ddc534 hex color

In a RGB color space, hex #ddc534 is composed of 86.7% red, 77.3% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.9% magenta, 76.5% yellow and 13.3% black. It has a hue angle of 51.5 degrees, a saturation of 71.3% and a lightness of 53.5%. #ddc534 color hex could be obtained by blending #ffff68 with #bb8b00. Closest websafe color is: #cccc33.

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

● #ddc534 color description : Bright yellow.

The hexadecimal color #ddc534 has RGB values of R:221, G:197, B:52 and CMYK values of C:0, M:0.11, Y:0.76, K:0.13. Its decimal value is 14533940.

Hex triplet	ddc534	`#ddc534`
RGB Decimal	221, 197, 52	`rgb(221,197,52)`
RGB Percent	86.7, 77.3, 20.4	`rgb(86.7%,77.3%,20.4%)`
CMYK	0, 11, 76, 13
HSL	51.5°, 71.3, 53.5	`hsl(51.5,71.3%,53.5%)`
HSV (or HSB)	51.5°, 76.5, 86.7
Web Safe	cccc33	`#cccc33`

CIE-LAB	79.359, -6.317, 70.379
XYZ	50.405, 55.554, 11.317
xyY	0.43, 0.474, 55.554
CIE-LCH	79.359, 70.662, 95.129
CIE-LUV	79.359, 22.563, 78.933
Hunter-Lab	74.535, -9.722, 43.172
Binary	11011101, 11000101, 00110100

#ddc534
```
#ddc534 rgb(221,197,52)
```
#344cdd
```
#344cdd rgb(52,76,221)
```

Complementary Color

#dd7134
```
#dd7134 rgb(221,113,52)
```
#ddc534
```
#ddc534 rgb(221,197,52)
```
#a1dd34
```
#a1dd34 rgb(161,221,52)
```

Analogous Color

#7134dd
```
#7134dd rgb(113,52,221)
```
#ddc534
```
#ddc534 rgb(221,197,52)
```
#34a1dd
```
#34a1dd rgb(52,161,221)
```

Split Complementary Color

#c534dd
```
#c534dd rgb(197,52,221)
```
#ddc534
```
#ddc534 rgb(221,197,52)
```
#34ddc5
```
#34ddc5 rgb(52,221,197)
```

Triadic Color

#dd344c
```
#dd344c rgb(221,52,76)
```
#ddc534
```
#ddc534 rgb(221,197,52)
```
#34ddc5
```
#34ddc5 rgb(52,221,197)
```
#344cdd
```
#344cdd rgb(52,76,221)
```

Tetradic Color

#a8941c
```
#a8941c rgb(168,148,28)
```
#bea820
```
#bea820 rgb(190,168,32)
```
#d4bb24
```
#d4bb24 rgb(212,187,36)
```
#ddc534
```
#ddc534 rgb(221,197,52)
```
#e1cb4a
```
#e1cb4a rgb(225,203,74)
```
#e4d160
```
#e4d160 rgb(228,209,96)
```
#e8d876
```
#e8d876 rgb(232,216,118)
```

Monochromatic Color

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

#dd9b34
```
#dd9b34 rgb(221,155,52)
```
#dda934
```
#dda934 rgb(221,169,52)
```
#ddb734
```
#ddb734 rgb(221,183,52)
```
#ddc534
```
#ddc534 rgb(221,197,52)
```
#ddd334
```
#ddd334 rgb(221,211,52)
```
#d9dd34
```
#d9dd34 rgb(217,221,52)
```
#cbdd34
```
#cbdd34 rgb(203,221,52)
```

Similar Colors

Text with hexadecimal color #ddc534

This text has a font color of #ddc534.

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

#ddc534 background color

This paragraph has a background color of #ddc534.

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

#ddc534 border color

This element has a border color of #ddc534.

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

CSS codes

.text {color:#ddc534;}

.background {background-color:#ddc534;}

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

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

#0f0e03
```
#0f0e03 rgb(15,14,3)
```
#201c05
```
#201c05 rgb(32,28,5)
```
#312b08
```
#312b08 rgb(49,43,8)
```
#423a0b
```
#423a0b rgb(66,58,11)
```
#53490e
```
#53490e rgb(83,73,14)
```
#635811
```
#635811 rgb(99,88,17)
```
#746613
```
#746613 rgb(116,102,19)
```
#857516
```
#857516 rgb(133,117,22)
```
#968419
```
#968419 rgb(150,132,25)
```
#a7931c
```
#a7931c rgb(167,147,28)
```
#b7a21f
```
#b7a21f rgb(183,162,31)
```
#c8b122
```
#c8b122 rgb(200,177,34)
```
#d9bf24
```
#d9bf24 rgb(217,191,36)
```

Shade Color Variation

#ddc534
```
#ddc534 rgb(221,197,52)
```
#e0ca45
```
#e0ca45 rgb(224,202,69)
```
#e3cf56
```
#e3cf56 rgb(227,207,86)
```
#e5d366
```
#e5d366 rgb(229,211,102)
```
#e8d877
```
#e8d877 rgb(232,216,119)
```
#ebdd88
```
#ebdd88 rgb(235,221,136)
```
#eee299
```
#eee299 rgb(238,226,153)
```
#f1e7aa
```
#f1e7aa rgb(241,231,170)
```
#f4ebba
```
#f4ebba rgb(244,235,186)
```
#f6f0cb
```
#f6f0cb rgb(246,240,203)
```
#f9f5dc
```
#f9f5dc rgb(249,245,220)
```
#fcfaed
```
#fcfaed rgb(252,250,237)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#8b8a86
```
#8b8a86 rgb(139,138,134)
```
#94917d
```
#94917d rgb(148,145,125)
```
#9d9774
```
#9d9774 rgb(157,151,116)
```
#a69e6b
```
#a69e6b rgb(166,158,107)
```
#afa462
```
#afa462 rgb(175,164,98)
```
#b9ab58
```
#b9ab58 rgb(185,171,88)
```
#c2b14f
```
#c2b14f rgb(194,177,79)
```
#cbb846
```
#cbb846 rgb(203,184,70)
```
#d4be3d
```
#d4be3d rgb(212,190,61)
```
#ddc534
```
#ddc534 rgb(221,197,52)
```
#e6cc2b
```
#e6cc2b rgb(230,204,43)
```
#efd222
```
#efd222 rgb(239,210,34)
```
#f8d919
```
#f8d919 rgb(248,217,25)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#c3bea1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dec73e Protanopia 1% of men
#f7be43 Deuteranopia 1% of men
#eabbc8 Tritanopia 0.001% of the population

Trichromacy

#dec63a Protanomaly 1% of men, 0.01% of women
#eec03d Deuteranomaly 6% of men, 0.4% of women
#e5be92 Tritanomaly 0.01% of the population

#ddc534 hex color

#ddc534 Color Information

#ddc534 Color Conversion

Color Schemes with #ddc534

Alternatives to #ddc534

#ddc534 Preview

Shades and Tints of #ddc534

Tones of #ddc534

Color Blindness Simulator