#dfb245 hex color

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

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

● #dfb245 color description : Soft orange.

The hexadecimal color #dfb245 has RGB values of R:223, G:178, B:69 and CMYK values of C:0, M:0.2, Y:0.69, K:0.13. Its decimal value is 14660165.

Hex triplet	dfb245	`#dfb245`
RGB Decimal	223, 178, 69	`rgb(223,178,69)`
RGB Percent	87.5, 69.8, 27.1	`rgb(87.5%,69.8%,27.1%)`
CMYK	0, 20, 69, 13
HSL	42.5°, 70.6, 57.3	`hsl(42.5,70.6%,57.3%)`
HSV (or HSB)	42.5°, 69.1, 87.5
Web Safe	cc9933	`#cc9933`

CIE-LAB	74.8, 5.201, 59.637
XYZ	47.427, 47.961, 12.389
xyY	0.44, 0.445, 47.961
CIE-LCH	74.8, 59.863, 85.016
CIE-LUV	74.8, 37.061, 66.642
Hunter-Lab	69.254, 1.048, 37.871
Binary	11011111, 10110010, 01000101

#dfb245
```
#dfb245 rgb(223,178,69)
```
#4572df
```
#4572df rgb(69,114,223)
```

Complementary Color

#df6545
```
#df6545 rgb(223,101,69)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#bfdf45
```
#bfdf45 rgb(191,223,69)
```

Analogous Color

#6545df
```
#6545df rgb(101,69,223)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#45bfdf
```
#45bfdf rgb(69,191,223)
```

Split Complementary Color

#b245df
```
#b245df rgb(178,69,223)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#45dfb2
```
#45dfb2 rgb(69,223,178)
```

Triadic Color

#df4572
```
#df4572 rgb(223,69,114)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#45dfb2
```
#45dfb2 rgb(69,223,178)
```
#4572df
```
#4572df rgb(69,114,223)
```

Tetradic Color

#b88b20
```
#b88b20 rgb(184,139,32)
```
#ce9c23
```
#ce9c23 rgb(206,156,35)
```
#dba92f
```
#dba92f rgb(219,169,47)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#e3bb5b
```
#e3bb5b rgb(227,187,91)
```
#e6c471
```
#e6c471 rgb(230,196,113)
```
#eacd86
```
#eacd86 rgb(234,205,134)
```

Monochromatic Color

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

#df8c45
```
#df8c45 rgb(223,140,69)
```
#df9845
```
#df9845 rgb(223,152,69)
```
#dfa545
```
#dfa545 rgb(223,165,69)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#dfbf45
```
#dfbf45 rgb(223,191,69)
```
#dfcc45
```
#dfcc45 rgb(223,204,69)
```
#dfd945
```
#dfd945 rgb(223,217,69)
```

Similar Colors

Text with hexadecimal color #dfb245

This text has a font color of #dfb245.

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

#dfb245 background color

This paragraph has a background color of #dfb245.

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

#dfb245 border color

This element has a border color of #dfb245.

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

CSS codes

.text {color:#dfb245;}

.background {background-color:#dfb245;}

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

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)
```
#302508
```
#302508 rgb(48,37,8)
```
#41310b
```
#41310b rgb(65,49,11)
```
#523e0e
```
#523e0e rgb(82,62,14)
```
#634b11
```
#634b11 rgb(99,75,17)
```
#735714
```
#735714 rgb(115,87,20)
```
#846417
```
#846417 rgb(132,100,23)
```
#95711a
```
#95711a rgb(149,113,26)
```
#a57d1c
```
#a57d1c rgb(165,125,28)
```
#b68a1f
```
#b68a1f rgb(182,138,31)
```
#c79722
```
#c79722 rgb(199,151,34)
```
#d8a325
```
#d8a325 rgb(216,163,37)
```

Shade Color Variation

#dcab34
```
#dcab34 rgb(220,171,52)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#e2b956
```
#e2b956 rgb(226,185,86)
```
#e5c066
```
#e5c066 rgb(229,192,102)
```
#e8c777
```
#e8c777 rgb(232,199,119)
```
#ebce88
```
#ebce88 rgb(235,206,136)
```
#edd599
```
#edd599 rgb(237,213,153)
```
#f0dca9
```
#f0dca9 rgb(240,220,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 #f8bc2c is the most saturated one.

#949390
```
#949390 rgb(148,147,144)
```
#9c9688
```
#9c9688 rgb(156,150,136)
```
#a49a80
```
#a49a80 rgb(164,154,128)
```
#ad9d77
```
#ad9d77 rgb(173,157,119)
```
#b5a16f
```
#b5a16f rgb(181,161,111)
```
#bda467
```
#bda467 rgb(189,164,103)
```
#c6a85e
```
#c6a85e rgb(198,168,94)
```
#ceab56
```
#ceab56 rgb(206,171,86)
```
#d7af4d
```
#d7af4d rgb(215,175,77)
```
#dfb245
```
#dfb245 rgb(223,178,69)
```
#e7b53d
```
#e7b53d rgb(231,181,61)
```
#f0b934
```
#f0b934 rgb(240,185,52)
```
#f8bc2c
```
#f8bc2c rgb(248,188,44)
```

Tone Color Variation

Below, you can see how #dfb245 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
#bcb39d Atypical Achromatopsia 0.001% of the population

Dichromacy

#d0bc50 Protanopia 1% of men
#e7b34f Deuteranopia 1% of men
#e9abb7 Tritanopia 0.001% of the population

Trichromacy

#d5b84c Protanomaly 1% of men, 0.01% of women
#e4b24b Deuteranomaly 6% of men, 0.4% of women
#e5ad8d Tritanomaly 0.01% of the population

#dfb245 hex color

#dfb245 Color Information

#dfb245 Color Conversion

Color Schemes with #dfb245

Alternatives to #dfb245

#dfb245 Preview

Shades and Tints of #dfb245

Tones of #dfb245

Color Blindness Simulator