#d7d31f hex color

In a RGB color space, hex #d7d31f is composed of 84.3% red, 82.7% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 1.9% magenta, 85.6% yellow and 15.7% black. It has a hue angle of 58.7 degrees, a saturation of 74.8% and a lightness of 48.2%. #d7d31f color hex could be obtained by blending #ffff3e with #afa700. Closest websafe color is: #cccc33.

♥
- f
- t
- g
- R 84
- G 83
- B 12
RGB color chart
- C 0
- M 2
- Y 86
- K 16
CMYK color chart

● #d7d31f color description : Strong yellow.

The hexadecimal color #d7d31f has RGB values of R:215, G:211, B:31 and CMYK values of C:0, M:0.02, Y:0.86, K:0.16. Its decimal value is 14144287.

Hex triplet	d7d31f	`#d7d31f`
RGB Decimal	215, 211, 31	`rgb(215,211,31)`
RGB Percent	84.3, 82.7, 12.2	`rgb(84.3%,82.7%,12.2%)`
CMYK	0, 2, 86, 16
HSL	58.7°, 74.8, 48.2	`hsl(58.7,74.8%,48.2%)`
HSV (or HSB)	58.7°, 85.6, 84.3
Web Safe	cccc33	`#cccc33`

CIE-LAB	82.452, -16.562, 78.379
XYZ	51.566, 61.136, 10.38
xyY	0.419, 0.497, 61.136
CIE-LCH	82.452, 80.11, 101.931
CIE-LUV	82.452, 9.088, 87.922
Hunter-Lab	78.189, -19.11, 46.861
Binary	11010111, 11010011, 00011111

#d7d31f
```
#d7d31f rgb(215,211,31)
```
#1f23d7
```
#1f23d7 rgb(31,35,215)
```

Complementary Color

#d7771f
```
#d7771f rgb(215,119,31)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```
#7fd71f
```
#7fd71f rgb(127,215,31)
```

Analogous Color

#771fd7
```
#771fd7 rgb(119,31,215)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```
#1f7fd7
```
#1f7fd7 rgb(31,127,215)
```

Split Complementary Color

#d31fd7
```
#d31fd7 rgb(211,31,215)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```
#1fd7d3
```
#1fd7d3 rgb(31,215,211)
```

Triadic Color

#d71f23
```
#d71f23 rgb(215,31,35)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```
#1fd7d3
```
#1fd7d3 rgb(31,215,211)
```
#1f23d7
```
#1f23d7 rgb(31,35,215)
```

Tetradic Color

#949115
```
#949115 rgb(148,145,21)
```
#aaa719
```
#aaa719 rgb(170,167,25)
```
#c1bd1c
```
#c1bd1c rgb(193,189,28)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```
#e1dd2f
```
#e1dd2f rgb(225,221,47)
```
#e4e145
```
#e4e145 rgb(228,225,69)
```
#e7e45b
```
#e7e45b rgb(231,228,91)
```

Monochromatic Color

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

#d7a51f
```
#d7a51f rgb(215,165,31)
```
#d7b41f
```
#d7b41f rgb(215,180,31)
```
#d7c41f
```
#d7c41f rgb(215,196,31)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```
#ccd71f
```
#ccd71f rgb(204,215,31)
```
#bcd71f
```
#bcd71f rgb(188,215,31)
```
#add71f
```
#add71f rgb(173,215,31)
```

Similar Colors

Text with hexadecimal color #d7d31f

This text has a font color of #d7d31f.

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

#d7d31f background color

This paragraph has a background color of #d7d31f.

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

#d7d31f border color

This element has a border color of #d7d31f.

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

CSS codes

.text {color:#d7d31f;}

.background {background-color:#d7d31f;}

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

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

#090901
```
#090901 rgb(9,9,1)
```
#1a1a04
```
#1a1a04 rgb(26,26,4)
```
#2c2b06
```
#2c2b06 rgb(44,43,6)
```
#3d3c09
```
#3d3c09 rgb(61,60,9)
```
#4e4c0b
```
#4e4c0b rgb(78,76,11)
```
#5f5d0e
```
#5f5d0e rgb(95,93,14)
```
#706e10
```
#706e10 rgb(112,110,16)
```
#817f13
```
#817f13 rgb(129,127,19)
```
#929015
```
#929015 rgb(146,144,21)
```
#a4a118
```
#a4a118 rgb(164,161,24)
```
#b5b11a
```
#b5b11a rgb(181,177,26)
```
#c6c21d
```
#c6c21d rgb(198,194,29)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```

Shade Color Variation

#e0dc29
```
#e0dc29 rgb(224,220,41)
```
#e3df3b
```
#e3df3b rgb(227,223,59)
```
#e5e24c
```
#e5e24c rgb(229,226,76)
```
#e8e55d
```
#e8e55d rgb(232,229,93)
```
#eae76e
```
#eae76e rgb(234,231,110)
```
#edea7f
```
#edea7f rgb(237,234,127)
```
#efed90
```
#efed90 rgb(239,237,144)
```
#f2f0a1
```
#f2f0a1 rgb(242,240,161)
```
#f4f3b3
```
#f4f3b3 rgb(244,243,179)
```
#f6f5c4
```
#f6f5c4 rgb(246,245,196)
```
#f9f8d5
```
#f9f8d5 rgb(249,248,213)
```
#fbfbe6
```
#fbfbe6 rgb(251,251,230)
```
#fefef7
```
#fefef7 rgb(254,254,247)
```

Tint Color Variation

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

#828274
```
#828274 rgb(130,130,116)
```
#8b8b6b
```
#8b8b6b rgb(139,139,107)
```
#959461
```
#959461 rgb(149,148,97)
```
#9e9d58
```
#9e9d58 rgb(158,157,88)
```
#a8a64e
```
#a8a64e rgb(168,166,78)
```
#b1af45
```
#b1af45 rgb(177,175,69)
```
#bbb83b
```
#bbb83b rgb(187,184,59)
```
#c4c132
```
#c4c132 rgb(196,193,50)
```
#ceca28
```
#ceca28 rgb(206,202,40)
```
#d7d31f
```
#d7d31f rgb(215,211,31)
```
#e0dc16
```
#e0dc16 rgb(224,220,22)
```
#eae50c
```
#eae50c rgb(234,229,12)
```
#f3ee03
```
#f3ee03 rgb(243,238,3)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#c5c4a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8d029 Protanopia 1% of men
#ffc656 Deuteranopia 1% of men
#e7c7d5 Tritanopia 0.001% of the population

Trichromacy

#e2d125 Protanomaly 1% of men, 0.01% of women
#f0cb42 Deuteranomaly 6% of men, 0.4% of women
#e1cb93 Tritanomaly 0.01% of the population

#d7d31f hex color

#d7d31f Color Information

#d7d31f Color Conversion

Color Schemes with #d7d31f

Alternatives to #d7d31f

#d7d31f Preview

Shades and Tints of #d7d31f

Tones of #d7d31f

Color Blindness Simulator