#ddd312 hex color

In a RGB color space, hex #ddd312 is composed of 86.7% red, 82.7% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 4.5% magenta, 91.9% yellow and 13.3% black. It has a hue angle of 57 degrees, a saturation of 84.9% and a lightness of 46.9%. #ddd312 color hex could be obtained by blending #ffff24 with #bba700. Closest websafe color is: #cccc00.

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

● #ddd312 color description : Vivid yellow.

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

Hex triplet	ddd312	`#ddd312`
RGB Decimal	221, 211, 18	`rgb(221,211,18)`
RGB Percent	86.7, 82.7, 7.1	`rgb(86.7%,82.7%,7.1%)`
CMYK	0, 5, 92, 13
HSL	57°, 84.9, 46.9	`hsl(57,84.9%,46.9%)`
HSV (or HSB)	57°, 91.9, 86.7
Web Safe	cccc00	`#cccc00`

CIE-LAB	82.916, -14.245, 81.108
XYZ	53.223, 62.006, 9.737
xyY	0.426, 0.496, 62.006
CIE-LCH	82.916, 82.35, 99.961
CIE-LUV	82.916, 13.386, 89.267
Hunter-Lab	78.744, -17.154, 47.789
Binary	11011101, 11010011, 00010010

#ddd312
```
#ddd312 rgb(221,211,18)
```
#121cdd
```
#121cdd rgb(18,28,221)
```

Complementary Color

#dd6e12
```
#dd6e12 rgb(221,110,18)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```
#82dd12
```
#82dd12 rgb(130,221,18)
```

Analogous Color

#6e12dd
```
#6e12dd rgb(110,18,221)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```
#1282dd
```
#1282dd rgb(18,130,221)
```

Split Complementary Color

#d312dd
```
#d312dd rgb(211,18,221)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```
#12ddd3
```
#12ddd3 rgb(18,221,211)
```

Triadic Color

#dd121c
```
#dd121c rgb(221,18,28)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```
#12ddd3
```
#12ddd3 rgb(18,221,211)
```
#121cdd
```
#121cdd rgb(18,28,221)
```

Tetradic Color

#968f0c
```
#968f0c rgb(150,143,12)
```
#aea60e
```
#aea60e rgb(174,166,14)
```
#c5bc10
```
#c5bc10 rgb(197,188,16)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```
#ede21c
```
#ede21c rgb(237,226,28)
```
#eee534
```
#eee534 rgb(238,229,52)
```
#f0e84b
```
#f0e84b rgb(240,232,75)
```

Monochromatic Color

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

#dda012
```
#dda012 rgb(221,160,18)
```
#ddb112
```
#ddb112 rgb(221,177,18)
```
#ddc212
```
#ddc212 rgb(221,194,18)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```
#d6dd12
```
#d6dd12 rgb(214,221,18)
```
#c5dd12
```
#c5dd12 rgb(197,221,18)
```
#b4dd12
```
#b4dd12 rgb(180,221,18)
```

Similar Colors

Text with hexadecimal color #ddd312

This text has a font color of #ddd312.

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

#ddd312 background color

This paragraph has a background color of #ddd312.

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

#ddd312 border color

This element has a border color of #ddd312.

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

CSS codes

.text {color:#ddd312;}

.background {background-color:#ddd312;}

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

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

#030300
```
#030300 rgb(3,3,0)
```
#151502
```
#151502 rgb(21,21,2)
```
#282603
```
#282603 rgb(40,38,3)
```
#3a3705
```
#3a3705 rgb(58,55,5)
```
#4c4806
```
#4c4806 rgb(76,72,6)
```
#5e5a08
```
#5e5a08 rgb(94,90,8)
```
#706b09
```
#706b09 rgb(112,107,9)
```
#827c0b
```
#827c0b rgb(130,124,11)
```
#948e0c
```
#948e0c rgb(148,142,12)
```
#a79f0e
```
#a79f0e rgb(167,159,14)
```
#b9b00f
```
#b9b00f rgb(185,176,15)
```
#cbc211
```
#cbc211 rgb(203,194,17)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```

Shade Color Variation

#ece217
```
#ece217 rgb(236,226,23)
```
#eee429
```
#eee429 rgb(238,228,41)
```
#efe63b
```
#efe63b rgb(239,230,59)
```
#f0e84d
```
#f0e84d rgb(240,232,77)
```
#f2eb5f
```
#f2eb5f rgb(242,235,95)
```
#f3ed71
```
#f3ed71 rgb(243,237,113)
```
#f5ef83
```
#f5ef83 rgb(245,239,131)
```
#f6f296
```
#f6f296 rgb(246,242,150)
```
#f8f4a8
```
#f8f4a8 rgb(248,244,168)
```
#f9f6ba
```
#f9f6ba rgb(249,246,186)
```
#fbf9cc
```
#fbf9cc rgb(251,249,204)
```
#fcfbde
```
#fcfbde rgb(252,251,222)
```
#fefdf0
```
#fefdf0 rgb(254,253,240)
```

Tint Color Variation

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

#787877
```
#787877 rgb(120,120,119)
```
#81806e
```
#81806e rgb(129,128,110)
```
#8a8865
```
#8a8865 rgb(138,136,101)
```
#93915c
```
#93915c rgb(147,145,92)
```
#9d9952
```
#9d9952 rgb(157,153,82)
```
#a6a149
```
#a6a149 rgb(166,161,73)
```
#afaa40
```
#afaa40 rgb(175,170,64)
```
#b8b237
```
#b8b237 rgb(184,178,55)
```
#c1ba2e
```
#c1ba2e rgb(193,186,46)
```
#cbc224
```
#cbc224 rgb(203,194,36)
```
#d4cb1b
```
#d4cb1b rgb(212,203,27)
```
#ddd312
```
#ddd312 rgb(221,211,18)
```
#e6db09
```
#e6db09 rgb(230,219,9)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c6c49d Atypical Achromatopsia 0.001% of the population

Dichromacy

#ead11c Protanopia 1% of men
#ffc85f Deuteranopia 1% of men
#ecc7d5 Tritanopia 0.001% of the population

Trichromacy

#e5d218 Protanomaly 1% of men, 0.01% of women
#f2cc43 Deuteranomaly 6% of men, 0.4% of women
#e6cb8e Tritanomaly 0.01% of the population

#ddd312 hex color

#ddd312 Color Information

#ddd312 Color Conversion

Color Schemes with #ddd312

Alternatives to #ddd312

#ddd312 Preview

Shades and Tints of #ddd312

Tones of #ddd312

Color Blindness Simulator