#dfb258 hex color

In a RGB color space, hex #dfb258 is composed of 87.5% red, 69.8% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.2% magenta, 60.5% yellow and 12.5% black. It has a hue angle of 40 degrees, a saturation of 67.8% and a lightness of 61%. #dfb258 color hex could be obtained by blending #ffffb0 with #bf6500. Closest websafe color is: #cc9966.

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

● #dfb258 color description : Soft orange.

The hexadecimal color #dfb258 has RGB values of R:223, G:178, B:88 and CMYK values of C:0, M:0.2, Y:0.61, K:0.13. Its decimal value is 14660184.

Hex triplet	dfb258	`#dfb258`
RGB Decimal	223, 178, 88	`rgb(223,178,88)`
RGB Percent	87.5, 69.8, 34.5	`rgb(87.5%,69.8%,34.5%)`
CMYK	0, 20, 61, 13
HSL	40°, 67.8, 61	`hsl(40,67.8%,61%)`
HSV (or HSB)	40°, 60.5, 87.5
Web Safe	cc9966	`#cc9966`

CIE-LAB	74.973, 6.361, 51.292
XYZ	48.114, 48.235, 16.008
xyY	0.428, 0.429, 48.235
CIE-LCH	74.973, 51.685, 82.931
CIE-LUV	74.973, 36.019, 59.737
Hunter-Lab	69.452, 2.118, 34.95
Binary	11011111, 10110010, 01011000

#dfb258
```
#dfb258 rgb(223,178,88)
```
#5885df
```
#5885df rgb(88,133,223)
```

Complementary Color

#df6f58
```
#df6f58 rgb(223,111,88)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#c9df58
```
#c9df58 rgb(201,223,88)
```

Analogous Color

#6f58df
```
#6f58df rgb(111,88,223)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#58c9df
```
#58c9df rgb(88,201,223)
```

Split Complementary Color

#b258df
```
#b258df rgb(178,88,223)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#58dfb2
```
#58dfb2 rgb(88,223,178)
```

Triadic Color

#df5885
```
#df5885 rgb(223,88,133)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#58dfb2
```
#58dfb2 rgb(88,223,178)
```
#5885df
```
#5885df rgb(88,133,223)
```

Tetradic Color

#c59026
```
#c59026 rgb(197,144,38)
```
#d79e2d
```
#d79e2d rgb(215,158,45)
```
#dba843
```
#dba843 rgb(219,168,67)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#e3bc6d
```
#e3bc6d rgb(227,188,109)
```
#e7c683
```
#e7c683 rgb(231,198,131)
```
#ebd098
```
#ebd098 rgb(235,208,152)
```

Monochromatic Color

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

#df9058
```
#df9058 rgb(223,144,88)
```
#df9c58
```
#df9c58 rgb(223,156,88)
```
#dfa758
```
#dfa758 rgb(223,167,88)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#dfbd58
```
#dfbd58 rgb(223,189,88)
```
#dfc958
```
#dfc958 rgb(223,201,88)
```
#dfd458
```
#dfd458 rgb(223,212,88)
```

Similar Colors

Text with hexadecimal color #dfb258

This text has a font color of #dfb258.

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

#dfb258 background color

This paragraph has a background color of #dfb258.

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

#dfb258 border color

This element has a border color of #dfb258.

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

CSS codes

.text {color:#dfb258;}

.background {background-color:#dfb258;}

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

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

#0e0a03
```
#0e0a03 rgb(14,10,3)
```
#1f1606
```
#1f1606 rgb(31,22,6)
```
#2f2209
```
#2f2209 rgb(47,34,9)
```
#3f2e0c
```
#3f2e0c rgb(63,46,12)
```
#503a0f
```
#503a0f rgb(80,58,15)
```
#604612
```
#604612 rgb(96,70,18)
```
#715216
```
#715216 rgb(113,82,22)
```
#815e19
```
#815e19 rgb(129,94,25)
```
#926a1c
```
#926a1c rgb(146,106,28)
```
#a2771f
```
#a2771f rgb(162,119,31)
```
#b38322
```
#b38322 rgb(179,131,34)
```
#c38f25
```
#c38f25 rgb(195,143,37)
```
#d49b29
```
#d49b29 rgb(212,155,41)
```

Shade Color Variation

#d9a337
```
#d9a337 rgb(217,163,55)
```
#dcaa48
```
#dcaa48 rgb(220,170,72)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#e2ba68
```
#e2ba68 rgb(226,186,104)
```
#e5c179
```
#e5c179 rgb(229,193,121)
```
#e8c989
```
#e8c989 rgb(232,201,137)
```
#ecd09a
```
#ecd09a rgb(236,208,154)
```
#efd8aa
```
#efd8aa rgb(239,216,170)
```
#f2e0bb
```
#f2e0bb rgb(242,224,187)
```
#f5e7cb
```
#f5e7cb rgb(245,231,203)
```
#f8efdc
```
#f8efdc rgb(248,239,220)
```
#fbf6ec
```
#fbf6ec rgb(251,246,236)
```
#fffefd
```
#fffefd rgb(255,254,253)
```

Tint Color Variation

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

#a29e95
```
#a29e95 rgb(162,158,149)
```
#a9a08e
```
#a9a08e rgb(169,160,142)
```
#b1a386
```
#b1a386 rgb(177,163,134)
```
#b9a57e
```
#b9a57e rgb(185,165,126)
```
#c0a877
```
#c0a877 rgb(192,168,119)
```
#c8aa6f
```
#c8aa6f rgb(200,170,111)
```
#d0ad67
```
#d0ad67 rgb(208,173,103)
```
#d7af60
```
#d7af60 rgb(215,175,96)
```
#dfb258
```
#dfb258 rgb(223,178,88)
```
#e7b550
```
#e7b550 rgb(231,181,80)
```
#eeb749
```
#eeb749 rgb(238,183,73)
```
#f6ba41
```
#f6ba41 rgb(246,186,65)
```
#febc39
```
#febc39 rgb(254,188,57)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#bdb4a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfbc62 Protanopia 1% of men
#e5b361 Deuteranopia 1% of men
#e8acb8 Tritanopia 0.001% of the population

Trichromacy

#d4b85e Protanomaly 1% of men, 0.01% of women
#e3b35d Deuteranomaly 6% of men, 0.4% of women
#e5ae95 Tritanomaly 0.01% of the population

#dfb258 hex color

#dfb258 Color Information

#dfb258 Color Conversion

Color Schemes with #dfb258

Alternatives to #dfb258

#dfb258 Preview

Shades and Tints of #dfb258

Tones of #dfb258

Color Blindness Simulator