#d4a530 hex color

In a RGB color space, hex #d4a530 is composed of 83.1% red, 64.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 77.4% yellow and 16.9% black. It has a hue angle of 42.8 degrees, a saturation of 65.6% and a lightness of 51%. #d4a530 color hex could be obtained by blending #ffff60 with #a94b00. Closest websafe color is: #cc9933.

♥
- f
- t
- g
- R 83
- G 65
- B 19
RGB color chart
- C 0
- M 22
- Y 77
- K 17
CMYK color chart

● #d4a530 color description : Strong orange.

The hexadecimal color #d4a530 has RGB values of R:212, G:165, B:48 and CMYK values of C:0, M:0.22, Y:0.77, K:0.17. Its decimal value is 13935920.

Hex triplet	d4a530	`#d4a530`
RGB Decimal	212, 165, 48	`rgb(212,165,48)`
RGB Percent	83.1, 64.7, 18.8	`rgb(83.1%,64.7%,18.8%)`
CMYK	0, 22, 77, 17
HSL	42.8°, 65.6, 51	`hsl(42.8,65.6%,51%)`
HSV (or HSB)	42.8°, 77.4, 83.1
Web Safe	cc9933	`#cc9933`

CIE-LAB	70.262, 6.404, 63.027
XYZ	41.141, 41.123, 8.567
xyY	0.453, 0.453, 41.123
CIE-LCH	70.262, 63.352, 84.198
CIE-LUV	70.262, 39.149, 66.682
Hunter-Lab	64.127, 2.294, 36.968
Binary	11010100, 10100101, 00110000

#d4a530
```
#d4a530 rgb(212,165,48)
```
#305fd4
```
#305fd4 rgb(48,95,212)
```

Complementary Color

#d45330
```
#d45330 rgb(212,83,48)
```
#d4a530
```
#d4a530 rgb(212,165,48)
```
#b1d430
```
#b1d430 rgb(177,212,48)
```

Analogous Color

#5330d4
```
#5330d4 rgb(83,48,212)
```
#d4a530
```
#d4a530 rgb(212,165,48)
```
#30b1d4
```
#30b1d4 rgb(48,177,212)
```

Split Complementary Color

#a530d4
```
#a530d4 rgb(165,48,212)
```
#d4a530
```
#d4a530 rgb(212,165,48)
```
#30d4a5
```
#30d4a5 rgb(48,212,165)
```

Triadic Color

#d4305f
```
#d4305f rgb(212,48,95)
```
#d4a530
```
#d4a530 rgb(212,165,48)
```
#30d4a5
```
#30d4a5 rgb(48,212,165)
```
#305fd4
```
#305fd4 rgb(48,95,212)
```

Tetradic Color

#987520
```
#987520 rgb(152,117,32)
```
#ad8624
```
#ad8624 rgb(173,134,36)
```
#c29628
```
#c29628 rgb(194,150,40)
```
#d4a530
```
#d4a530 rgb(212,165,48)
```
#d8ae45
```
#d8ae45 rgb(216,174,69)
```
#ddb75a
```
#ddb75a rgb(221,183,90)
```
#e1c16f
```
#e1c16f rgb(225,193,111)
```

Monochromatic Color

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

#d47c30
```
#d47c30 rgb(212,124,48)
```
#d48a30
```
#d48a30 rgb(212,138,48)
```
#d49730
```
#d49730 rgb(212,151,48)
```
#d4a530
```
#d4a530 rgb(212,165,48)
```
#d4b330
```
#d4b330 rgb(212,179,48)
```
#d4c030
```
#d4c030 rgb(212,192,48)
```
#d4ce30
```
#d4ce30 rgb(212,206,48)
```

Similar Colors

Text with hexadecimal color #d4a530

This text has a font color of #d4a530.

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

#d4a530 background color

This paragraph has a background color of #d4a530.

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

#d4a530 border color

This element has a border color of #d4a530.

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

CSS codes

.text {color:#d4a530;}

.background {background-color:#d4a530;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#141004
```
#141004 rgb(20,16,4)
```
#251c08
```
#251c08 rgb(37,28,8)
```
#35290b
```
#35290b rgb(53,41,11)
```
#45350e
```
#45350e rgb(69,53,14)
```
#554212
```
#554212 rgb(85,66,18)
```
#664f15
```
#664f15 rgb(102,79,21)
```
#765b18
```
#765b18 rgb(118,91,24)
```
#86681c
```
#86681c rgb(134,104,28)
```
#96741f
```
#96741f rgb(150,116,31)
```
#a78123
```
#a78123 rgb(167,129,35)
```
#b78d26
```
#b78d26 rgb(183,141,38)
```
#c79a29
```
#c79a29 rgb(199,154,41)
```

Shade Color Variation

#d4a530
```
#d4a530 rgb(212,165,48)
```
#d7ac40
```
#d7ac40 rgb(215,172,64)
```
#dbb350
```
#dbb350 rgb(219,179,80)
```
#deba61
```
#deba61 rgb(222,186,97)
```
#e1c171
```
#e1c171 rgb(225,193,113)
```
#e5c881
```
#e5c881 rgb(229,200,129)
```
#e8cf91
```
#e8cf91 rgb(232,207,145)
```
#ecd6a2
```
#ecd6a2 rgb(236,214,162)
```
#efddb2
```
#efddb2 rgb(239,221,178)
```
#f2e5c2
```
#f2e5c2 rgb(242,229,194)
```
#f6ecd2
```
#f6ecd2 rgb(246,236,210)
```
#f9f3e3
```
#f9f3e3 rgb(249,243,227)
```
#fcfaf3
```
#fcfaf3 rgb(252,250,243)
```

Tint Color Variation

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

#87847d
```
#87847d rgb(135,132,125)
```
#918873
```
#918873 rgb(145,136,115)
```
#9a8c6a
```
#9a8c6a rgb(154,140,106)
```
#a49060
```
#a49060 rgb(164,144,96)
```
#ae9556
```
#ae9556 rgb(174,149,86)
```
#b7994d
```
#b7994d rgb(183,153,77)
```
#c19d43
```
#c19d43 rgb(193,157,67)
```
#caa13a
```
#caa13a rgb(202,161,58)
```
#d4a530
```
#d4a530 rgb(212,165,48)
```
#dea926
```
#dea926 rgb(222,169,38)
```
#e7ad1d
```
#e7ad1d rgb(231,173,29)
```
#f1b113
```
#f1b113 rgb(241,177,19)
```
#fab50a
```
#fab50a rgb(250,181,10)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#afa68e Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b03c Protanopia 1% of men
#daa73b Deuteranopia 1% of men
#de9faa Tritanopia 0.001% of the population

Trichromacy

#caac37 Protanomaly 1% of men, 0.01% of women
#d8a637 Deuteranomaly 6% of men, 0.4% of women
#daa17d Tritanomaly 0.01% of the population

#d4a530 hex color

#d4a530 Color Information

#d4a530 Color Conversion

Color Schemes with #d4a530

Alternatives to #d4a530

#d4a530 Preview

Shades and Tints of #d4a530

Tones of #d4a530

Color Blindness Simulator