#d7b312 hex color

In a RGB color space, hex #d7b312 is composed of 84.3% red, 70.2% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.7% magenta, 91.6% yellow and 15.7% black. It has a hue angle of 49 degrees, a saturation of 84.5% and a lightness of 45.7%. #d7b312 color hex could be obtained by blending #ffff24 with #af6700. Closest websafe color is: #cccc00.

♥
- f
- t
- g
- R 84
- G 70
- B 7
RGB color chart
- C 0
- M 17
- Y 92
- K 16
CMYK color chart

● #d7b312 color description : Strong yellow.

The hexadecimal color #d7b312 has RGB values of R:215, G:179, B:18 and CMYK values of C:0, M:0.17, Y:0.92, K:0.16. Its decimal value is 14136082.

Hex triplet	d7b312	`#d7b312`
RGB Decimal	215, 179, 18	`rgb(215,179,18)`
RGB Percent	84.3, 70.2, 7.1	`rgb(84.3%,70.2%,7.1%)`
CMYK	0, 17, 92, 16
HSL	49°, 84.5, 45.7	`hsl(49,84.5%,45.7%)`
HSV (or HSB)	49°, 91.6, 84.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	74.019, -0.478, 74.098
XYZ	44.254, 46.733, 7.262
xyY	0.45, 0.476, 46.733
CIE-LCH	74.019, 74.099, 90.369
CIE-LUV	74.019, 31.698, 76.984
Hunter-Lab	68.361, -4.079, 41.555
Binary	11010111, 10110011, 00010010

#d7b312
```
#d7b312 rgb(215,179,18)
```
#1236d7
```
#1236d7 rgb(18,54,215)
```

Complementary Color

#d75112
```
#d75112 rgb(215,81,18)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#99d712
```
#99d712 rgb(153,215,18)
```

Analogous Color

#5112d7
```
#5112d7 rgb(81,18,215)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#1299d7
```
#1299d7 rgb(18,153,215)
```

Split Complementary Color

#b312d7
```
#b312d7 rgb(179,18,215)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#12d7b3
```
#12d7b3 rgb(18,215,179)
```

Triadic Color

#d71236
```
#d71236 rgb(215,18,54)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#12d7b3
```
#12d7b3 rgb(18,215,179)
```
#1236d7
```
#1236d7 rgb(18,54,215)
```

Tetradic Color

#90780c
```
#90780c rgb(144,120,12)
```
#a88c0e
```
#a88c0e rgb(168,140,14)
```
#bf9f10
```
#bf9f10 rgb(191,159,16)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#ecc517
```
#ecc517 rgb(236,197,23)
```
#eecb2e
```
#eecb2e rgb(238,203,46)
```
#f0d146
```
#f0d146 rgb(240,209,70)
```

Monochromatic Color

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

#d78212
```
#d78212 rgb(215,130,18)
```
#d79212
```
#d79212 rgb(215,146,18)
```
#d7a312
```
#d7a312 rgb(215,163,18)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#d7d412
```
#d7d412 rgb(215,212,18)
```
#cad712
```
#cad712 rgb(202,215,18)
```

Similar Colors

Text with hexadecimal color #d7b312

This text has a font color of #d7b312.

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

#d7b312 background color

This paragraph has a background color of #d7b312.

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

#d7b312 border color

This element has a border color of #d7b312.

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

CSS codes

.text {color:#d7b312;}

.background {background-color:#d7b312;}

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

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, #100d01 is the darkest color, while #fffefd is the lightest one.

#100d01
```
#100d01 rgb(16,13,1)
```
#221c03
```
#221c03 rgb(34,28,3)
```
#342b04
```
#342b04 rgb(52,43,4)
```
#463a06
```
#463a06 rgb(70,58,6)
```
#584a07
```
#584a07 rgb(88,74,7)
```
#6a5909
```
#6a5909 rgb(106,89,9)
```
#7c680a
```
#7c680a rgb(124,104,10)
```
#8f770c
```
#8f770c rgb(143,119,12)
```
#a1860d
```
#a1860d rgb(161,134,13)
```
#b3950f
```
#b3950f rgb(179,149,15)
```
#c5a410
```
#c5a410 rgb(197,164,16)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#e9c214
```
#e9c214 rgb(233,194,20)
```

Shade Color Variation

#edc824
```
#edc824 rgb(237,200,36)
```
#eecc36
```
#eecc36 rgb(238,204,54)
```
#f0d148
```
#f0d148 rgb(240,209,72)
```
#f1d65a
```
#f1d65a rgb(241,214,90)
```
#f3da6c
```
#f3da6c rgb(243,218,108)
```
#f4df7e
```
#f4df7e rgb(244,223,126)
```
#f6e390
```
#f6e390 rgb(246,227,144)
```
#f7e8a2
```
#f7e8a2 rgb(247,232,162)
```
#f9ecb4
```
#f9ecb4 rgb(249,236,180)
```
#faf1c6
```
#faf1c6 rgb(250,241,198)
```
#fcf5d9
```
#fcf5d9 rgb(252,245,217)
```
#fdfaeb
```
#fdfaeb rgb(253,250,235)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#7d7a6c
```
#7d7a6c rgb(125,122,108)
```
#868063
```
#868063 rgb(134,128,99)
```
#8f865a
```
#8f865a rgb(143,134,90)
```
#988b51
```
#988b51 rgb(152,139,81)
```
#a19148
```
#a19148 rgb(161,145,72)
```
#aa973f
```
#aa973f rgb(170,151,63)
```
#b39c36
```
#b39c36 rgb(179,156,54)
```
#bca22d
```
#bca22d rgb(188,162,45)
```
#c5a824
```
#c5a824 rgb(197,168,36)
```
#cead1b
```
#cead1b rgb(206,173,27)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#e0b909
```
#e0b909 rgb(224,185,9)
```
#e9be00
```
#e9be00 rgb(233,190,0)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#b4ad8c Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0ba1f Protanopia 1% of men
#e8b024 Deuteranopia 1% of men
#e3aab6 Tritanopia 0.001% of the population

Trichromacy

#d2b71a Protanomaly 1% of men, 0.01% of women
#e1b11d Deuteranomaly 6% of men, 0.4% of women
#dead7a Tritanomaly 0.01% of the population

#d7b312 hex color

#d7b312 Color Information

#d7b312 Color Conversion

Color Schemes with #d7b312

Alternatives to #d7b312

#d7b312 Preview

Shades and Tints of #d7b312

Tones of #d7b312

Color Blindness Simulator