#d4b348 hex color

In a RGB color space, hex #d4b348 is composed of 83.1% red, 70.2% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 15.6% magenta, 66% yellow and 16.9% black. It has a hue angle of 45.9 degrees, a saturation of 61.9% and a lightness of 55.7%. #d4b348 color hex could be obtained by blending #ffff90 with #a96700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 83
- G 70
- B 28
RGB color chart
- C 0
- M 16
- Y 66
- K 17
CMYK color chart

● #d4b348 color description : Moderate yellow.

The hexadecimal color #d4b348 has RGB values of R:212, G:179, B:72 and CMYK values of C:0, M:0.16, Y:0.66, K:0.17. Its decimal value is 13939528.

Hex triplet	d4b348	`#d4b348`
RGB Decimal	212, 179, 72	`rgb(212,179,72)`
RGB Percent	83.1, 70.2, 28.2	`rgb(83.1%,70.2%,28.2%)`
CMYK	0, 16, 66, 17
HSL	45.9°, 61.9, 55.7	`hsl(45.9,61.9%,55.7%)`
HSV (or HSB)	45.9°, 66, 83.1
Web Safe	cccc33	`#cccc33`

CIE-LAB	74.002, 0.14, 57.188
XYZ	44.442, 46.707, 12.805
xyY	0.428, 0.449, 46.707
CIE-LCH	74.002, 57.188, 89.86
CIE-LUV	74.002, 27.956, 65.619
Hunter-Lab	68.342, -3.525, 36.731
Binary	11010100, 10110011, 01001000

#d4b348
```
#d4b348 rgb(212,179,72)
```
#4869d4
```
#4869d4 rgb(72,105,212)
```

Complementary Color

#d46d48
```
#d46d48 rgb(212,109,72)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#afd448
```
#afd448 rgb(175,212,72)
```

Analogous Color

#6d48d4
```
#6d48d4 rgb(109,72,212)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#48afd4
```
#48afd4 rgb(72,175,212)
```

Split Complementary Color

#b348d4
```
#b348d4 rgb(179,72,212)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#48d4b3
```
#48d4b3 rgb(72,212,179)
```

Triadic Color

#d44869
```
#d44869 rgb(212,72,105)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#48d4b3
```
#48d4b3 rgb(72,212,179)
```
#4869d4
```
#4869d4 rgb(72,105,212)
```

Tetradic Color

#a88a27
```
#a88a27 rgb(168,138,39)
```
#bd9b2c
```
#bd9b2c rgb(189,155,44)
```
#cfaa33
```
#cfaa33 rgb(207,170,51)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#d9bc5d
```
#d9bc5d rgb(217,188,93)
```
#dec471
```
#dec471 rgb(222,196,113)
```
#e3cd86
```
#e3cd86 rgb(227,205,134)
```

Monochromatic Color

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

#d49048
```
#d49048 rgb(212,144,72)
```
#d49c48
```
#d49c48 rgb(212,156,72)
```
#d4a748
```
#d4a748 rgb(212,167,72)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#d4bf48
```
#d4bf48 rgb(212,191,72)
```
#d4ca48
```
#d4ca48 rgb(212,202,72)
```
#d2d448
```
#d2d448 rgb(210,212,72)
```

Similar Colors

Text with hexadecimal color #d4b348

This text has a font color of #d4b348.

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

#d4b348 background color

This paragraph has a background color of #d4b348.

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

#d4b348 border color

This element has a border color of #d4b348.

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

CSS codes

.text {color:#d4b348;}

.background {background-color:#d4b348;}

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

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

#080602
```
#080602 rgb(8,6,2)
```
#171306
```
#171306 rgb(23,19,6)
```
#272009
```
#272009 rgb(39,32,9)
```
#372d0d
```
#372d0d rgb(55,45,13)
```
#473a11
```
#473a11 rgb(71,58,17)
```
#574714
```
#574714 rgb(87,71,20)
```
#675418
```
#675418 rgb(103,84,24)
```
#77611c
```
#77611c rgb(119,97,28)
```
#876e20
```
#876e20 rgb(135,110,32)
```
#977b23
```
#977b23 rgb(151,123,35)
```
#a68827
```
#a68827 rgb(166,136,39)
```
#b6952b
```
#b6952b rgb(182,149,43)
```
#c6a22f
```
#c6a22f rgb(198,162,47)
```

Shade Color Variation

#d0ac38
```
#d0ac38 rgb(208,172,56)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#d8ba58
```
#d8ba58 rgb(216,186,88)
```
#dbc068
```
#dbc068 rgb(219,192,104)
```
#dfc778
```
#dfc778 rgb(223,199,120)
```
#e3cd88
```
#e3cd88 rgb(227,205,136)
```
#e7d497
```
#e7d497 rgb(231,212,151)
```
#eadba7
```
#eadba7 rgb(234,219,167)
```
#eee1b7
```
#eee1b7 rgb(238,225,183)
```
#f2e8c7
```
#f2e8c7 rgb(242,232,199)
```
#f6eed7
```
#f6eed7 rgb(246,238,215)
```
#f9f5e7
```
#f9f5e7 rgb(249,245,231)
```
#fdfcf7
```
#fdfcf7 rgb(253,252,247)
```

Tint Color Variation

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

#8e8e8e
```
#8e8e8e rgb(142,142,142)
```
#979385
```
#979385 rgb(151,147,133)
```
#a0977c
```
#a0977c rgb(160,151,124)
```
#a99c73
```
#a99c73 rgb(169,156,115)
```
#b1a16b
```
#b1a16b rgb(177,161,107)
```
#baa562
```
#baa562 rgb(186,165,98)
```
#c3aa59
```
#c3aa59 rgb(195,170,89)
```
#cbae51
```
#cbae51 rgb(203,174,81)
```
#d4b348
```
#d4b348 rgb(212,179,72)
```
#ddb83f
```
#ddb83f rgb(221,184,63)
```
#e5bc37
```
#e5bc37 rgb(229,188,55)
```
#eec12e
```
#eec12e rgb(238,193,46)
```
#f7c525
```
#f7c525 rgb(247,197,37)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#b8b19c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cdb952 Protanopia 1% of men
#e4b153 Deuteranopia 1% of men
#dfacb8 Tritanopia 0.001% of the population

Trichromacy

#d0b74e Protanomaly 1% of men, 0.01% of women
#deb14f Deuteranomaly 6% of men, 0.4% of women
#dbae8f Tritanomaly 0.01% of the population

#d4b348 hex color

#d4b348 Color Information

#d4b348 Color Conversion

Color Schemes with #d4b348

Alternatives to #d4b348

#d4b348 Preview

Shades and Tints of #d4b348

Tones of #d4b348

Color Blindness Simulator