#dfb150 hex color

In a RGB color space, hex #dfb150 is composed of 87.5% red, 69.4% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 64.1% yellow and 12.5% black. It has a hue angle of 40.7 degrees, a saturation of 69.1% and a lightness of 59.4%. #dfb150 color hex could be obtained by blending #ffffa0 with #bf6300. Closest websafe color is: #cc9966.

♥
- f
- t
- g
- R 87
- G 69
- B 31
RGB color chart
- C 0
- M 21
- Y 64
- K 13
CMYK color chart

● #dfb150 color description : Soft orange.

The hexadecimal color #dfb150 has RGB values of R:223, G:177, B:80 and CMYK values of C:0, M:0.21, Y:0.64, K:0.13. Its decimal value is 14659920.

Hex triplet	dfb150	`#dfb150`
RGB Decimal	223, 177, 80	`rgb(223,177,80)`
RGB Percent	87.5, 69.4, 31.4	`rgb(87.5%,69.4%,31.4%)`
CMYK	0, 21, 64, 13
HSL	40.7°, 69.1, 59.4	`hsl(40.7,69.1%,59.4%)`
HSV (or HSB)	40.7°, 64.1, 87.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.644, 6.362, 54.642
XYZ	47.602, 47.714, 14.291
xyY	0.434, 0.435, 47.714
CIE-LCH	74.644, 55.011, 83.359
CIE-LUV	74.644, 37.21, 62.421
Hunter-Lab	69.075, 2.129, 36.086
Binary	11011111, 10110001, 01010000

#dfb150
```
#dfb150 rgb(223,177,80)
```
#507edf
```
#507edf rgb(80,126,223)
```

Complementary Color

#df6a50
```
#df6a50 rgb(223,106,80)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#c6df50
```
#c6df50 rgb(198,223,80)
```

Analogous Color

#6a50df
```
#6a50df rgb(106,80,223)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#50c6df
```
#50c6df rgb(80,198,223)
```

Split Complementary Color

#b150df
```
#b150df rgb(177,80,223)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#50dfb1
```
#50dfb1 rgb(80,223,177)
```

Triadic Color

#df507e
```
#df507e rgb(223,80,126)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#50dfb1
```
#50dfb1 rgb(80,223,177)
```
#507edf
```
#507edf rgb(80,126,223)
```

Tetradic Color

#bf8d23
```
#bf8d23 rgb(191,141,35)
```
#d59d27
```
#d59d27 rgb(213,157,39)
```
#dba73a
```
#dba73a rgb(219,167,58)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#e3bb66
```
#e3bb66 rgb(227,187,102)
```
#e7c47b
```
#e7c47b rgb(231,196,123)
```
#ebce91
```
#ebce91 rgb(235,206,145)
```

Monochromatic Color

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

#df8d50
```
#df8d50 rgb(223,141,80)
```
#df9950
```
#df9950 rgb(223,153,80)
```
#dfa550
```
#dfa550 rgb(223,165,80)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#dfbd50
```
#dfbd50 rgb(223,189,80)
```
#dfc950
```
#dfc950 rgb(223,201,80)
```
#dfd550
```
#dfd550 rgb(223,213,80)
```

Similar Colors

Text with hexadecimal color #dfb150

This text has a font color of #dfb150.

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

#dfb150 background color

This paragraph has a background color of #dfb150.

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

#dfb150 border color

This element has a border color of #dfb150.

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

CSS codes

.text {color:#dfb150;}

.background {background-color:#dfb150;}

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

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

#070501
```
#070501 rgb(7,5,1)
```
#181204
```
#181204 rgb(24,18,4)
```
#291e07
```
#291e07 rgb(41,30,7)
```
#392a0a
```
#392a0a rgb(57,42,10)
```
#4a360d
```
#4a360d rgb(74,54,13)
```
#5a4311
```
#5a4311 rgb(90,67,17)
```
#6b4f14
```
#6b4f14 rgb(107,79,20)
```
#7b5b17
```
#7b5b17 rgb(123,91,23)
```
#8c671a
```
#8c671a rgb(140,103,26)
```
#9d731d
```
#9d731d rgb(157,115,29)
```
#ad8020
```
#ad8020 rgb(173,128,32)
```
#be8c23
```
#be8c23 rgb(190,140,35)
```
#ce9826
```
#ce9826 rgb(206,152,38)
```

Shade Color Variation

#d9a22f
```
#d9a22f rgb(217,162,47)
```
#dcaa3f
```
#dcaa3f rgb(220,170,63)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#e2b861
```
#e2b861 rgb(226,184,97)
```
#e5c071
```
#e5c071 rgb(229,192,113)
```
#e8c782
```
#e8c782 rgb(232,199,130)
```
#ebcf92
```
#ebcf92 rgb(235,207,146)
```
#eed6a3
```
#eed6a3 rgb(238,214,163)
```
#f1ddb3
```
#f1ddb3 rgb(241,221,179)
```
#f4e5c4
```
#f4e5c4 rgb(244,229,196)
```
#f7ecd5
```
#f7ecd5 rgb(247,236,213)
```
#faf4e5
```
#faf4e5 rgb(250,244,229)
```
#fdfbf6
```
#fdfbf6 rgb(253,251,246)
```

Tint Color Variation

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

#9f9a90
```
#9f9a90 rgb(159,154,144)
```
#a79d88
```
#a79d88 rgb(167,157,136)
```
#afa080
```
#afa080 rgb(175,160,128)
```
#b7a378
```
#b7a378 rgb(183,163,120)
```
#bfa670
```
#bfa670 rgb(191,166,112)
```
#c7a868
```
#c7a868 rgb(199,168,104)
```
#cfab60
```
#cfab60 rgb(207,171,96)
```
#d7ae58
```
#d7ae58 rgb(215,174,88)
```
#dfb150
```
#dfb150 rgb(223,177,80)
```
#e7b448
```
#e7b448 rgb(231,180,72)
```
#efb740
```
#efb740 rgb(239,183,64)
```
#f7ba38
```
#f7ba38 rgb(247,186,56)
```
#ffbc30
```
#ffbc30 rgb(255,188,48)
```

Tone Color Variation

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

#b4b4b4 Achromatopsia 0.005% of the population
#bdb3a0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbb5b Protanopia 1% of men
#e5b259 Deuteranopia 1% of men
#e8aab6 Tritanopia 0.001% of the population

Trichromacy

#d4b757 Protanomaly 1% of men, 0.01% of women
#e3b256 Deuteranomaly 6% of men, 0.4% of women
#e5ad91 Tritanomaly 0.01% of the population

#dfb150 hex color

#dfb150 Color Information

#dfb150 Color Conversion

Color Schemes with #dfb150

Alternatives to #dfb150

#dfb150 Preview

Shades and Tints of #dfb150

Tones of #dfb150

Color Blindness Simulator