#d4a312 hex color

In a RGB color space, hex #d4a312 is composed of 83.1% red, 63.9% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.1% magenta, 91.5% yellow and 16.9% black. It has a hue angle of 44.8 degrees, a saturation of 84.3% and a lightness of 45.1%. #d4a312 color hex could be obtained by blending #ffff24 with #a94700. Closest websafe color is: #cc9900.

♥
- f
- t
- g
- R 83
- G 64
- B 7
RGB color chart
- C 0
- M 23
- Y 92
- K 17
CMYK color chart

● #d4a312 color description : Strong orange.

The hexadecimal color #d4a312 has RGB values of R:212, G:163, B:18 and CMYK values of C:0, M:0.23, Y:0.92, K:0.17. Its decimal value is 13935378.

Hex triplet	d4a312	`#d4a312`
RGB Decimal	212, 163, 18	`rgb(212,163,18)`
RGB Percent	83.1, 63.9, 7.1	`rgb(83.1%,63.9%,7.1%)`
CMYK	0, 23, 92, 17
HSL	44.8°, 84.3, 45.1	`hsl(44.8,84.3%,45.1%)`
HSV (or HSB)	44.8°, 91.5, 83.1
Web Safe	cc9900	`#cc9900`

CIE-LAB	69.638, 6.681, 70.654
XYZ	40.359, 40.237, 6.213
xyY	0.465, 0.464, 40.237
CIE-LCH	69.638, 70.969, 84.599
CIE-LUV	69.638, 41.475, 70.827
Hunter-Lab	63.433, 2.561, 38.596
Binary	11010100, 10100011, 00010010

#d4a312
```
#d4a312 rgb(212,163,18)
```
#1243d4
```
#1243d4 rgb(18,67,212)
```

Complementary Color

#d44212
```
#d44212 rgb(212,66,18)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#a4d412
```
#a4d412 rgb(164,212,18)
```

Analogous Color

#4212d4
```
#4212d4 rgb(66,18,212)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#12a4d4
```
#12a4d4 rgb(18,164,212)
```

Split Complementary Color

#a312d4
```
#a312d4 rgb(163,18,212)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#12d4a3
```
#12d4a3 rgb(18,212,163)
```

Triadic Color

#d41243
```
#d41243 rgb(212,18,67)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#12d4a3
```
#12d4a3 rgb(18,212,163)
```
#1243d4
```
#1243d4 rgb(18,67,212)
```

Tetradic Color

#8d6d0c
```
#8d6d0c rgb(141,109,12)
```
#a57f0e
```
#a57f0e rgb(165,127,14)
```
#bc9110
```
#bc9110 rgb(188,145,16)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#ebb514
```
#ebb514 rgb(235,181,20)
```
#edbc2c
```
#edbc2c rgb(237,188,44)
```
#efc443
```
#efc443 rgb(239,196,67)
```

Monochromatic Color

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

#d47312
```
#d47312 rgb(212,115,18)
```
#d48312
```
#d48312 rgb(212,131,18)
```
#d49312
```
#d49312 rgb(212,147,18)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#d4b312
```
#d4b312 rgb(212,179,18)
```
#d4c312
```
#d4c312 rgb(212,195,18)
```
#d4d412
```
#d4d412 rgb(212,212,18)
```

Similar Colors

Text with hexadecimal color #d4a312

This text has a font color of #d4a312.

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

#d4a312 background color

This paragraph has a background color of #d4a312.

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

#d4a312 border color

This element has a border color of #d4a312.

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

CSS codes

.text {color:#d4a312;}

.background {background-color:#d4a312;}

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

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

#0d0a01
```
#0d0a01 rgb(13,10,1)
```
#1f1803
```
#1f1803 rgb(31,24,3)
```
#312604
```
#312604 rgb(49,38,4)
```
#433406
```
#433406 rgb(67,52,6)
```
#554207
```
#554207 rgb(85,66,7)
```
#685009
```
#685009 rgb(104,80,9)
```
#7a5d0a
```
#7a5d0a rgb(122,93,10)
```
#8c6b0c
```
#8c6b0c rgb(140,107,12)
```
#9e790d
```
#9e790d rgb(158,121,13)
```
#b0870f
```
#b0870f rgb(176,135,15)
```
#c29510
```
#c29510 rgb(194,149,16)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#e6b114
```
#e6b114 rgb(230,177,20)
```

Shade Color Variation

#ecb921
```
#ecb921 rgb(236,185,33)
```
#eebf33
```
#eebf33 rgb(238,191,51)
```
#efc445
```
#efc445 rgb(239,196,69)
```
#f1ca57
```
#f1ca57 rgb(241,202,87)
```
#f2d069
```
#f2d069 rgb(242,208,105)
```
#f4d57b
```
#f4d57b rgb(244,213,123)
```
#f5db8e
```
#f5db8e rgb(245,219,142)
```
#f7e1a0
```
#f7e1a0 rgb(247,225,160)
```
#f8e7b2
```
#f8e7b2 rgb(248,231,178)
```
#faecc4
```
#faecc4 rgb(250,236,196)
```
#fcf2d6
```
#fcf2d6 rgb(252,242,214)
```
#fdf8e8
```
#fdf8e8 rgb(253,248,232)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#7c776a
```
#7c776a rgb(124,119,106)
```
#847c62
```
#847c62 rgb(132,124,98)
```
#8d8059
```
#8d8059 rgb(141,128,89)
```
#968450
```
#968450 rgb(150,132,80)
```
#9f8947
```
#9f8947 rgb(159,137,71)
```
#a88d3e
```
#a88d3e rgb(168,141,62)
```
#b19135
```
#b19135 rgb(177,145,53)
```
#b9962d
```
#b9962d rgb(185,150,45)
```
#c29a24
```
#c29a24 rgb(194,154,36)
```
#cb9f1b
```
#cb9f1b rgb(203,159,27)
```
#d4a312
```
#d4a312 rgb(212,163,18)
```
#dda709
```
#dda709 rgb(221,167,9)
```
#e6ac00
```
#e6ac00 rgb(230,172,0)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#aba184 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae20 Protanopia 1% of men
#daa61f Deuteranopia 1% of men
#de9ca7 Tritanopia 0.001% of the population

Trichromacy

#c9aa1b Protanomaly 1% of men, 0.01% of women
#d7a51a Deuteranomaly 6% of men, 0.4% of women
#da9f71 Tritanomaly 0.01% of the population

#d4a312 hex color

#d4a312 Color Information

#d4a312 Color Conversion

Color Schemes with #d4a312

Alternatives to #d4a312

#d4a312 Preview

Shades and Tints of #d4a312

Tones of #d4a312

Color Blindness Simulator