#dfb145 hex color

In a RGB color space, hex #dfb145 is composed of 87.5% red, 69.4% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 69.1% yellow and 12.5% black. It has a hue angle of 42.1 degrees, a saturation of 70.6% and a lightness of 57.3%. #dfb145 color hex could be obtained by blending #ffff8a with #bf6300. Closest websafe color is: #cc9933.

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

● #dfb145 color description : Soft orange.

The hexadecimal color #dfb145 has RGB values of R:223, G:177, B:69 and CMYK values of C:0, M:0.21, Y:0.69, K:0.13. Its decimal value is 14659909.

Hex triplet	dfb145	`#dfb145`
RGB Decimal	223, 177, 69	`rgb(223,177,69)`
RGB Percent	87.5, 69.4, 27.1	`rgb(87.5%,69.4%,27.1%)`
CMYK	0, 21, 69, 13
HSL	42.1°, 70.6, 57.3	`hsl(42.1,70.6%,57.3%)`
HSV (or HSB)	42.1°, 69.1, 87.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.549, 5.729, 59.377
XYZ	47.228, 47.564, 12.323
xyY	0.441, 0.444, 47.564
CIE-LCH	74.549, 59.652, 84.489
CIE-LUV	74.549, 37.791, 66.221
Hunter-Lab	68.967, 1.545, 37.683
Binary	11011111, 10110001, 01000101

#dfb145
```
#dfb145 rgb(223,177,69)
```
#4573df
```
#4573df rgb(69,115,223)
```

Complementary Color

#df6445
```
#df6445 rgb(223,100,69)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#c0df45
```
#c0df45 rgb(192,223,69)
```

Analogous Color

#6445df
```
#6445df rgb(100,69,223)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#45c0df
```
#45c0df rgb(69,192,223)
```

Split Complementary Color

#b145df
```
#b145df rgb(177,69,223)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#45dfb1
```
#45dfb1 rgb(69,223,177)
```

Triadic Color

#df4573
```
#df4573 rgb(223,69,115)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#45dfb1
```
#45dfb1 rgb(69,223,177)
```
#4573df
```
#4573df rgb(69,115,223)
```

Tetradic Color

#b88a20
```
#b88a20 rgb(184,138,32)
```
#ce9b23
```
#ce9b23 rgb(206,155,35)
```
#dba82f
```
#dba82f rgb(219,168,47)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#e3ba5b
```
#e3ba5b rgb(227,186,91)
```
#e6c371
```
#e6c371 rgb(230,195,113)
```
#eacc86
```
#eacc86 rgb(234,204,134)
```

Monochromatic Color

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

#df8b45
```
#df8b45 rgb(223,139,69)
```
#df9745
```
#df9745 rgb(223,151,69)
```
#dfa445
```
#dfa445 rgb(223,164,69)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#dfbe45
```
#dfbe45 rgb(223,190,69)
```
#dfcb45
```
#dfcb45 rgb(223,203,69)
```
#dfd845
```
#dfd845 rgb(223,216,69)
```

Similar Colors

Text with hexadecimal color #dfb145

This text has a font color of #dfb145.

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

#dfb145 background color

This paragraph has a background color of #dfb145.

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

#dfb145 border color

This element has a border color of #dfb145.

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

CSS codes

.text {color:#dfb145;}

.background {background-color:#dfb145;}

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

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

#0f0b03
```
#0f0b03 rgb(15,11,3)
```
#201805
```
#201805 rgb(32,24,5)
```
#302408
```
#302408 rgb(48,36,8)
```
#41310b
```
#41310b rgb(65,49,11)
```
#523e0e
```
#523e0e rgb(82,62,14)
```
#634a11
```
#634a11 rgb(99,74,17)
```
#735714
```
#735714 rgb(115,87,20)
```
#846317
```
#846317 rgb(132,99,23)
```
#95701a
```
#95701a rgb(149,112,26)
```
#a57d1c
```
#a57d1c rgb(165,125,28)
```
#b6891f
```
#b6891f rgb(182,137,31)
```
#c79622
```
#c79622 rgb(199,150,34)
```
#d8a225
```
#d8a225 rgb(216,162,37)
```

Shade Color Variation

#dcaa34
```
#dcaa34 rgb(220,170,52)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#e2b856
```
#e2b856 rgb(226,184,86)
```
#e5bf66
```
#e5bf66 rgb(229,191,102)
```
#e8c677
```
#e8c677 rgb(232,198,119)
```
#ebcd88
```
#ebcd88 rgb(235,205,136)
```
#edd499
```
#edd499 rgb(237,212,153)
```
#f0dba9
```
#f0dba9 rgb(240,219,169)
```
#f3e2ba
```
#f3e2ba rgb(243,226,186)
```
#f6e9cb
```
#f6e9cb rgb(246,233,203)
```
#f9f0dc
```
#f9f0dc rgb(249,240,220)
```
#fcf7ec
```
#fcf7ec rgb(252,247,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#949390
```
#949390 rgb(148,147,144)
```
#9c9688
```
#9c9688 rgb(156,150,136)
```
#a49980
```
#a49980 rgb(164,153,128)
```
#ad9d77
```
#ad9d77 rgb(173,157,119)
```
#b5a06f
```
#b5a06f rgb(181,160,111)
```
#bda367
```
#bda367 rgb(189,163,103)
```
#c6a75e
```
#c6a75e rgb(198,167,94)
```
#ceaa56
```
#ceaa56 rgb(206,170,86)
```
#d7ae4d
```
#d7ae4d rgb(215,174,77)
```
#dfb145
```
#dfb145 rgb(223,177,69)
```
#e7b43d
```
#e7b43d rgb(231,180,61)
```
#f0b834
```
#f0b834 rgb(240,184,52)
```
#f8bb2c
```
#f8bb2c rgb(248,187,44)
```

Tone Color Variation

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

#b2b2b2 Achromatopsia 0.005% of the population
#bbb29c Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbb50 Protanopia 1% of men
#e6b24f Deuteranopia 1% of men
#e9aab6 Tritanopia 0.001% of the population

Trichromacy

#d5b74c Protanomaly 1% of men, 0.01% of women
#e3b14b Deuteranomaly 6% of men, 0.4% of women
#e5ac8d Tritanomaly 0.01% of the population

#dfb145 hex color

#dfb145 Color Information

#dfb145 Color Conversion

Color Schemes with #dfb145

Alternatives to #dfb145

#dfb145 Preview

Shades and Tints of #dfb145

Tones of #dfb145

Color Blindness Simulator