#d7b450 hex color

In a RGB color space, hex #d7b450 is composed of 84.3% red, 70.6% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 16.3% magenta, 62.8% yellow and 15.7% black. It has a hue angle of 44.4 degrees, a saturation of 62.8% and a lightness of 57.8%. #d7b450 color hex could be obtained by blending #ffffa0 with #af6900. Closest websafe color is: #cccc66.

♥
- f
- t
- g
- R 84
- G 71
- B 31
RGB color chart
- C 0
- M 16
- Y 63
- K 16
CMYK color chart

● #d7b450 color description : Moderate orange.

The hexadecimal color #d7b450 has RGB values of R:215, G:180, B:80 and CMYK values of C:0, M:0.16, Y:0.63, K:0.16. Its decimal value is 14136400.

Hex triplet	d7b450	`#d7b450`
RGB Decimal	215, 180, 80	`rgb(215,180,80)`
RGB Percent	84.3, 70.6, 31.4	`rgb(84.3%,70.6%,31.4%)`
CMYK	0, 16, 63, 16
HSL	44.4°, 62.8, 57.8	`hsl(44.4,62.8%,57.8%)`
HSV (or HSB)	44.4°, 62.8, 84.3
Web Safe	cccc66	`#cccc66`

CIE-LAB	74.617, 1.387, 54.389
XYZ	45.794, 47.671, 14.378
xyY	0.425, 0.442, 47.671
CIE-LCH	74.617, 54.407, 88.539
CIE-LUV	74.617, 29.095, 63.34
Hunter-Lab	69.044, -2.435, 35.984
Binary	11010111, 10110100, 01010000

#d7b450
```
#d7b450 rgb(215,180,80)
```
#5073d7
```
#5073d7 rgb(80,115,215)
```

Complementary Color

#d77150
```
#d77150 rgb(215,113,80)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#b7d750
```
#b7d750 rgb(183,215,80)
```

Analogous Color

#7150d7
```
#7150d7 rgb(113,80,215)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#50b7d7
```
#50b7d7 rgb(80,183,215)
```

Split Complementary Color

#b450d7
```
#b450d7 rgb(180,80,215)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#50d7b4
```
#50d7b4 rgb(80,215,180)
```

Triadic Color

#d75073
```
#d75073 rgb(215,80,115)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#50d7b4
```
#50d7b4 rgb(80,215,180)
```
#5073d7
```
#5073d7 rgb(80,115,215)
```

Tetradic Color

#b28e29
```
#b28e29 rgb(178,142,41)
```
#c79f2d
```
#c79f2d rgb(199,159,45)
```
#d2ab3b
```
#d2ab3b rgb(210,171,59)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#dcbd65
```
#dcbd65 rgb(220,189,101)
```
#e0c67a
```
#e0c67a rgb(224,198,122)
```
#e5cf8e
```
#e5cf8e rgb(229,207,142)
```

Monochromatic Color

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

#d79250
```
#d79250 rgb(215,146,80)
```
#d79e50
```
#d79e50 rgb(215,158,80)
```
#d7a950
```
#d7a950 rgb(215,169,80)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#d7bf50
```
#d7bf50 rgb(215,191,80)
```
#d7cb50
```
#d7cb50 rgb(215,203,80)
```
#d7d650
```
#d7d650 rgb(215,214,80)
```

Similar Colors

Text with hexadecimal color #d7b450

This text has a font color of #d7b450.

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

#d7b450 background color

This paragraph has a background color of #d7b450.

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

#d7b450 border color

This element has a border color of #d7b450.

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

CSS codes

.text {color:#d7b450;}

.background {background-color:#d7b450;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#110d04
```
#110d04 rgb(17,13,4)
```
#211a07
```
#211a07 rgb(33,26,7)
```
#31270b
```
#31270b rgb(49,39,11)
```
#40340f
```
#40340f rgb(64,52,15)
```
#504012
```
#504012 rgb(80,64,18)
```
#604d16
```
#604d16 rgb(96,77,22)
```
#705a1a
```
#705a1a rgb(112,90,26)
```
#80671d
```
#80671d rgb(128,103,29)
```
#907321
```
#907321 rgb(144,115,33)
```
#a08025
```
#a08025 rgb(160,128,37)
```
#b08d28
```
#b08d28 rgb(176,141,40)
```
#c09a2c
```
#c09a2c rgb(192,154,44)
```

Shade Color Variation

#d0a630
```
#d0a630 rgb(208,166,48)
```
#d3ad40
```
#d3ad40 rgb(211,173,64)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#dbbb60
```
#dbbb60 rgb(219,187,96)
```
#dec270
```
#dec270 rgb(222,194,112)
```
#e2c980
```
#e2c980 rgb(226,201,128)
```
#e6cf90
```
#e6cf90 rgb(230,207,144)
```
#e9d6a0
```
#e9d6a0 rgb(233,214,160)
```
#edddb0
```
#edddb0 rgb(237,221,176)
```
#f1e4c0
```
#f1e4c0 rgb(241,228,192)
```
#f4ebd0
```
#f4ebd0 rgb(244,235,208)
```
#f8f2e0
```
#f8f2e0 rgb(248,242,224)
```
#fbf8f0
```
#fbf8f0 rgb(251,248,240)
```

Tint Color Variation

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

#959492
```
#959492 rgb(149,148,146)
```
#9d988a
```
#9d988a rgb(157,152,138)
```
#a59c82
```
#a59c82 rgb(165,156,130)
```
#aea079
```
#aea079 rgb(174,160,121)
```
#b6a471
```
#b6a471 rgb(182,164,113)
```
#bea869
```
#bea869 rgb(190,168,105)
```
#c6ac61
```
#c6ac61 rgb(198,172,97)
```
#cfb058
```
#cfb058 rgb(207,176,88)
```
#d7b450
```
#d7b450 rgb(215,180,80)
```
#dfb848
```
#dfb848 rgb(223,184,72)
```
#e8bc3f
```
#e8bc3f rgb(232,188,63)
```
#f0c037
```
#f0c037 rgb(240,192,55)
```
#f8c42f
```
#f8c42f rgb(248,196,47)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#bab39f Atypical Achromatopsia 0.001% of the population

Dichromacy

#cebb5a Protanopia 1% of men
#e5b25a Deuteranopia 1% of men
#e1adb9 Tritanopia 0.001% of the population

Trichromacy

#d1b856 Protanomaly 1% of men, 0.01% of women
#e0b356 Deuteranomaly 6% of men, 0.4% of women
#ddaf93 Tritanomaly 0.01% of the population

#d7b450 hex color

#d7b450 Color Information

#d7b450 Color Conversion

Color Schemes with #d7b450

Alternatives to #d7b450

#d7b450 Preview

Shades and Tints of #d7b450

Tones of #d7b450

Color Blindness Simulator