#d7c312 hex color

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

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

● #d7c312 color description : Strong yellow.

The hexadecimal color #d7c312 has RGB values of R:215, G:195, B:18 and CMYK values of C:0, M:0.09, Y:0.92, K:0.16. Its decimal value is 14140178.

Hex triplet	d7c312	`#d7c312`
RGB Decimal	215, 195, 18	`rgb(215,195,18)`
RGB Percent	84.3, 76.5, 7.1	`rgb(84.3%,76.5%,7.1%)`
CMYK	0, 9, 92, 16
HSL	53.9°, 84.5, 45.7	`hsl(53.9,84.5%,45.7%)`
HSV (or HSB)	53.9°, 91.6, 84.3
Web Safe	cccc00	`#cccc00`

CIE-LAB	78.182, -8.759, 77.266
XYZ	47.649, 53.522, 8.393
xyY	0.435, 0.489, 53.522
CIE-LCH	78.182, 77.761, 96.468
CIE-LUV	78.182, 20.143, 83.1
Hunter-Lab	73.159, -11.77, 44.409
Binary	11010111, 11000011, 00010010

#d7c312
```
#d7c312 rgb(215,195,18)
```
#1226d7
```
#1226d7 rgb(18,38,215)
```

Complementary Color

#d76112
```
#d76112 rgb(215,97,18)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#89d712
```
#89d712 rgb(137,215,18)
```

Analogous Color

#6112d7
```
#6112d7 rgb(97,18,215)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#1289d7
```
#1289d7 rgb(18,137,215)
```

Split Complementary Color

#c312d7
```
#c312d7 rgb(195,18,215)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#12d7c3
```
#12d7c3 rgb(18,215,195)
```

Triadic Color

#d71226
```
#d71226 rgb(215,18,38)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#12d7c3
```
#12d7c3 rgb(18,215,195)
```
#1226d7
```
#1226d7 rgb(18,38,215)
```

Tetradic Color

#90830c
```
#90830c rgb(144,131,12)
```
#a8980e
```
#a8980e rgb(168,152,14)
```
#bfae10
```
#bfae10 rgb(191,174,16)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#ecd617
```
#ecd617 rgb(236,214,23)
```
#eeda2e
```
#eeda2e rgb(238,218,46)
```
#f0de46
```
#f0de46 rgb(240,222,70)
```

Monochromatic Color

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

#d79212
```
#d79212 rgb(215,146,18)
```
#d7a212
```
#d7a212 rgb(215,162,18)
```
#d7b312
```
#d7b312 rgb(215,179,18)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#d7d312
```
#d7d312 rgb(215,211,18)
```
#cad712
```
#cad712 rgb(202,215,18)
```
#bad712
```
#bad712 rgb(186,215,18)
```

Similar Colors

Text with hexadecimal color #d7c312

This text has a font color of #d7c312.

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

#d7c312 background color

This paragraph has a background color of #d7c312.

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

#d7c312 border color

This element has a border color of #d7c312.

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

CSS codes

.text {color:#d7c312;}

.background {background-color:#d7c312;}

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

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

#100e01
```
#100e01 rgb(16,14,1)
```
#221f03
```
#221f03 rgb(34,31,3)
```
#342f04
```
#342f04 rgb(52,47,4)
```
#464006
```
#464006 rgb(70,64,6)
```
#585007
```
#585007 rgb(88,80,7)
```
#6a6109
```
#6a6109 rgb(106,97,9)
```
#7c710a
```
#7c710a rgb(124,113,10)
```
#8f810c
```
#8f810c rgb(143,129,12)
```
#a1920d
```
#a1920d rgb(161,146,13)
```
#b3a20f
```
#b3a20f rgb(179,162,15)
```
#c5b310
```
#c5b310 rgb(197,179,16)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#e9d314
```
#e9d314 rgb(233,211,20)
```

Shade Color Variation

#edd824
```
#edd824 rgb(237,216,36)
```
#eedb36
```
#eedb36 rgb(238,219,54)
```
#f0df48
```
#f0df48 rgb(240,223,72)
```
#f1e25a
```
#f1e25a rgb(241,226,90)
```
#f3e56c
```
#f3e56c rgb(243,229,108)
```
#f4e87e
```
#f4e87e rgb(244,232,126)
```
#f6eb90
```
#f6eb90 rgb(246,235,144)
```
#f7efa2
```
#f7efa2 rgb(247,239,162)
```
#f9f2b4
```
#f9f2b4 rgb(249,242,180)
```
#faf5c6
```
#faf5c6 rgb(250,245,198)
```
#fcf8d9
```
#fcf8d9 rgb(252,248,217)
```
#fdfbeb
```
#fdfbeb rgb(253,251,235)
```
#fffffd
```
#fffffd rgb(255,255,253)
```

Tint Color Variation

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

#7d7c6c
```
#7d7c6c rgb(125,124,108)
```
#868363
```
#868363 rgb(134,131,99)
```
#8f8a5a
```
#8f8a5a rgb(143,138,90)
```
#989151
```
#989151 rgb(152,145,81)
```
#a19848
```
#a19848 rgb(161,152,72)
```
#aa9f3f
```
#aa9f3f rgb(170,159,63)
```
#b3a636
```
#b3a636 rgb(179,166,54)
```
#bcae2d
```
#bcae2d rgb(188,174,45)
```
#c5b524
```
#c5b524 rgb(197,181,36)
```
#cebc1b
```
#cebc1b rgb(206,188,27)
```
#d7c312
```
#d7c312 rgb(215,195,18)
```
#e0ca09
```
#e0ca09 rgb(224,202,9)
```
#e9d100
```
#e9d100 rgb(233,209,0)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bcb894 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc41d Protanopia 1% of men
#f5bb29 Deuteranopia 1% of men
#e5b9c6 Tritanopia 0.001% of the population

Trichromacy

#dac419 Protanomaly 1% of men, 0.01% of women
#eabd20 Deuteranomaly 6% of men, 0.4% of women
#e0bc84 Tritanomaly 0.01% of the population

#d7c312 hex color

#d7c312 Color Information

#d7c312 Color Conversion

Color Schemes with #d7c312

Alternatives to #d7c312

#d7c312 Preview

Shades and Tints of #d7c312

Tones of #d7c312

Color Blindness Simulator