#d4a54f hex color

In a RGB color space, hex #d4a54f is composed of 83.1% red, 64.7% green and 31% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 62.7% yellow and 16.9% black. It has a hue angle of 38.8 degrees, a saturation of 60.7% and a lightness of 57.1%. #d4a54f color hex could be obtained by blending #ffff9e with #a94b00. Closest websafe color is: #cc9966.

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

● #d4a54f color description : Moderate orange.

The hexadecimal color #d4a54f has RGB values of R:212, G:165, B:79 and CMYK values of C:0, M:0.22, Y:0.63, K:0.17. Its decimal value is 13935951.

Hex triplet	d4a54f	`#d4a54f`
RGB Decimal	212, 165, 79	`rgb(212,165,79)`
RGB Percent	83.1, 64.7, 31	`rgb(83.1%,64.7%,31%)`
CMYK	0, 22, 63, 17
HSL	38.8°, 60.7, 57.1	`hsl(38.8,60.7%,57.1%)`
HSV (or HSB)	38.8°, 62.7, 83.1
Web Safe	cc9966	`#cc9966`

CIE-LAB	70.507, 8.02, 50.193
XYZ	42.018, 41.474, 13.189
xyY	0.435, 0.429, 41.474
CIE-LCH	70.507, 50.829, 80.922
CIE-LUV	70.507, 37.585, 56.921
Hunter-Lab	64.4, 3.763, 32.938
Binary	11010100, 10100101, 01001111

#d4a54f
```
#d4a54f rgb(212,165,79)
```
#4f7ed4
```
#4f7ed4 rgb(79,126,212)
```

Complementary Color

#d4634f
```
#d4634f rgb(212,99,79)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#c1d44f
```
#c1d44f rgb(193,212,79)
```

Analogous Color

#634fd4
```
#634fd4 rgb(99,79,212)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#4fc1d4
```
#4fc1d4 rgb(79,193,212)
```

Split Complementary Color

#a54fd4
```
#a54fd4 rgb(165,79,212)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#4fd4a5
```
#4fd4a5 rgb(79,212,165)
```

Triadic Color

#d44f7e
```
#d44f7e rgb(212,79,126)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#4fd4a5
```
#4fd4a5 rgb(79,212,165)
```
#4f7ed4
```
#4f7ed4 rgb(79,126,212)
```

Tetradic Color

#ac7e2a
```
#ac7e2a rgb(172,126,42)
```
#c18d2f
```
#c18d2f rgb(193,141,47)
```
#cf9b3b
```
#cf9b3b rgb(207,155,59)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#d9af63
```
#d9af63 rgb(217,175,99)
```
#deba78
```
#deba78 rgb(222,186,120)
```
#e3c48c
```
#e3c48c rgb(227,196,140)
```

Monochromatic Color

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

#d4844f
```
#d4844f rgb(212,132,79)
```
#d48f4f
```
#d48f4f rgb(212,143,79)
```
#d49a4f
```
#d49a4f rgb(212,154,79)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#d4b04f
```
#d4b04f rgb(212,176,79)
```
#d4bb4f
```
#d4bb4f rgb(212,187,79)
```
#d4c64f
```
#d4c64f rgb(212,198,79)
```

Similar Colors

Text with hexadecimal color #d4a54f

This text has a font color of #d4a54f.

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

#d4a54f background color

This paragraph has a background color of #d4a54f.

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

#d4a54f border color

This element has a border color of #d4a54f.

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

CSS codes

.text {color:#d4a54f;}

.background {background-color:#d4a54f;}

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

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

#0d0a03
```
#0d0a03 rgb(13,10,3)
```
#1d1507
```
#1d1507 rgb(29,21,7)
```
#2d210b
```
#2d210b rgb(45,33,11)
```
#3c2c0f
```
#3c2c0f rgb(60,44,15)
```
#4c3813
```
#4c3813 rgb(76,56,19)
```
#5c4316
```
#5c4316 rgb(92,67,22)
```
#6c4f1a
```
#6c4f1a rgb(108,79,26)
```
#7c5b1e
```
#7c5b1e rgb(124,91,30)
```
#8b6622
```
#8b6622 rgb(139,102,34)
```
#9b7226
```
#9b7226 rgb(155,114,38)
```
#ab7d2a
```
#ab7d2a rgb(171,125,42)
```
#bb892e
```
#bb892e rgb(187,137,46)
```
#ca9431
```
#ca9431 rgb(202,148,49)
```

Shade Color Variation

#d09d3f
```
#d09d3f rgb(208,157,63)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#d8ad5f
```
#d8ad5f rgb(216,173,95)
```
#dcb56f
```
#dcb56f rgb(220,181,111)
```
#e0bd7e
```
#e0bd7e rgb(224,189,126)
```
#e3c58e
```
#e3c58e rgb(227,197,142)
```
#e7cd9e
```
#e7cd9e rgb(231,205,158)
```
#ebd5ae
```
#ebd5ae rgb(235,213,174)
```
#efddbd
```
#efddbd rgb(239,221,189)
```
#f3e5cd
```
#f3e5cd rgb(243,229,205)
```
#f7eedd
```
#f7eedd rgb(247,238,221)
```
#fbf6ed
```
#fbf6ed rgb(251,246,237)
```
#fefefc
```
#fefefc rgb(254,254,252)
```

Tint Color Variation

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

#99948a
```
#99948a rgb(153,148,138)
```
#a19682
```
#a19682 rgb(161,150,130)
```
#aa9979
```
#aa9979 rgb(170,153,121)
```
#b29b71
```
#b29b71 rgb(178,155,113)
```
#bb9e68
```
#bb9e68 rgb(187,158,104)
```
#c3a060
```
#c3a060 rgb(195,160,96)
```
#cca357
```
#cca357 rgb(204,163,87)
```
#d4a54f
```
#d4a54f rgb(212,165,79)
```
#dca747
```
#dca747 rgb(220,167,71)
```
#e5aa3e
```
#e5aa3e rgb(229,170,62)
```
#edac36
```
#edac36 rgb(237,172,54)
```
#f6af2d
```
#f6af2d rgb(246,175,45)
```
#feb125
```
#feb125 rgb(254,177,37)
```

Tone Color Variation

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

#a9a9a9 Achromatopsia 0.005% of the population
#b2a897 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b05a Protanopia 1% of men
#d8a858 Deuteranopia 1% of men
#dda0ab Tritanopia 0.001% of the population

Trichromacy

#c9ac56 Protanomaly 1% of men, 0.01% of women
#d6a755 Deuteranomaly 6% of men, 0.4% of women
#d9a289 Tritanomaly 0.01% of the population

#d4a54f hex color

#d4a54f Color Information

#d4a54f Color Conversion

Color Schemes with #d4a54f

Alternatives to #d4a54f

#d4a54f Preview

Shades and Tints of #d4a54f

Tones of #d4a54f

Color Blindness Simulator