#fdb85f hex color

In a RGB color space, hex #fdb85f is composed of 99.2% red, 72.2% green and 37.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.3% magenta, 62.5% yellow and 0.8% black. It has a hue angle of 33.8 degrees, a saturation of 97.5% and a lightness of 68.2%. #fdb85f color hex could be obtained by blending #ffffbe with #fb7100. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 99
- G 72
- B 37
RGB color chart
- C 0
- M 27
- Y 62
- K 1
CMYK color chart

● #fdb85f color description : Soft orange.

The hexadecimal color #fdb85f has RGB values of R:253, G:184, B:95 and CMYK values of C:0, M:0.27, Y:0.62, K:0.01. Its decimal value is 16627807.

Hex triplet	fdb85f	`#fdb85f`
RGB Decimal	253, 184, 95	`rgb(253,184,95)`
RGB Percent	99.2, 72.2, 37.3	`rgb(99.2%,72.2%,37.3%)`
CMYK	0, 27, 62, 1
HSL	33.8°, 97.5, 68.2	`hsl(33.8,97.5%,68.2%)`
HSV (or HSB)	33.8°, 62.5, 99.2
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.61, 16.126, 54.095
XYZ	59.715, 55.993, 18.489
xyY	0.445, 0.417, 55.993
CIE-LCH	79.61, 56.447, 73.4
CIE-LUV	79.61, 54.08, 61.376
Hunter-Lab	74.829, 11.497, 37.731
Binary	11111101, 10111000, 01011111

#fdb85f
```
#fdb85f rgb(253,184,95)
```
#5fa4fd
```
#5fa4fd rgb(95,164,253)
```

Complementary Color

#fd695f
```
#fd695f rgb(253,105,95)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```
#f3fd5f
```
#f3fd5f rgb(243,253,95)
```

Analogous Color

#695ffd
```
#695ffd rgb(105,95,253)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```
#5ff3fd
```
#5ff3fd rgb(95,243,253)
```

Split Complementary Color

#b85ffd
```
#b85ffd rgb(184,95,253)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```
#5ffdb8
```
#5ffdb8 rgb(95,253,184)
```

Triadic Color

#fd5fa4
```
#fd5fa4 rgb(253,95,164)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```
#5ffdb8
```
#5ffdb8 rgb(95,253,184)
```
#5fa4fd
```
#5fa4fd rgb(95,164,253)
```

Tetradic Color

#fc9613
```
#fc9613 rgb(252,150,19)
```
#fca22d
```
#fca22d rgb(252,162,45)
```
#fdad46
```
#fdad46 rgb(253,173,70)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```
#fdc378
```
#fdc378 rgb(253,195,120)
```
#fece91
```
#fece91 rgb(254,206,145)
```
#fedaab
```
#fedaab rgb(254,218,171)
```

Monochromatic Color

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

#fd915f
```
#fd915f rgb(253,145,95)
```
#fd9e5f
```
#fd9e5f rgb(253,158,95)
```
#fdab5f
```
#fdab5f rgb(253,171,95)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```
#fdc55f
```
#fdc55f rgb(253,197,95)
```
#fdd25f
```
#fdd25f rgb(253,210,95)
```
#fde05f
```
#fde05f rgb(253,224,95)
```

Similar Colors

Text with hexadecimal color #fdb85f

This text has a font color of #fdb85f.

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

#fdb85f background color

This paragraph has a background color of #fdb85f.

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

#fdb85f border color

This element has a border color of #fdb85f.

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

CSS codes

.text {color:#fdb85f;}

.background {background-color:#fdb85f;}

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

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

#0e0800
```
#0e0800 rgb(14,8,0)
```
#221300
```
#221300 rgb(34,19,0)
```
#351e01
```
#351e01 rgb(53,30,1)
```
#482901
```
#482901 rgb(72,41,1)
```
#5c3401
```
#5c3401 rgb(92,52,1)
```
#6f3f01
```
#6f3f01 rgb(111,63,1)
```
#834a02
```
#834a02 rgb(131,74,2)
```
#965502
```
#965502 rgb(150,85,2)
```
#a96002
```
#a96002 rgb(169,96,2)
```
#bd6b02
```
#bd6b02 rgb(189,107,2)
```
#d07603
```
#d07603 rgb(208,118,3)
```
#e38103
```
#e38103 rgb(227,129,3)
```
#f78c03
```
#f78c03 rgb(247,140,3)
```

Shade Color Variation

#fc9612
```
#fc9612 rgb(252,150,18)
```
#fc9e25
```
#fc9e25 rgb(252,158,37)
```
#fda738
```
#fda738 rgb(253,167,56)
```
#fdaf4c
```
#fdaf4c rgb(253,175,76)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```
#fdc172
```
#fdc172 rgb(253,193,114)
```
#fdc986
```
#fdc986 rgb(253,201,134)
```
#fed299
```
#fed299 rgb(254,210,153)
```
#fedaac
```
#fedaac rgb(254,218,172)
```
#fee3c0
```
#fee3c0 rgb(254,227,192)
```
#feecd3
```
#feecd3 rgb(254,236,211)
```
#fff4e7
```
#fff4e7 rgb(255,244,231)
```
#fffdfa
```
#fffdfa rgb(255,253,250)
```

Tint Color Variation

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

#b2afaa
```
#b2afaa rgb(178,175,170)
```
#b8afa4
```
#b8afa4 rgb(184,175,164)
```
#bfb09d
```
#bfb09d rgb(191,176,157)
```
#c5b197
```
#c5b197 rgb(197,177,151)
```
#cbb291
```
#cbb291 rgb(203,178,145)
```
#d1b28b
```
#d1b28b rgb(209,178,139)
```
#d8b384
```
#d8b384 rgb(216,179,132)
```
#deb47e
```
#deb47e rgb(222,180,126)
```
#e4b578
```
#e4b578 rgb(228,181,120)
```
#eab672
```
#eab672 rgb(234,182,114)
```
#f1b66b
```
#f1b66b rgb(241,182,107)
```
#f7b765
```
#f7b765 rgb(247,183,101)
```
#fdb85f
```
#fdb85f rgb(253,184,95)
```

Tone Color Variation

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

#c2c2c2 Achromatopsia 0.005% of the population
#cec0ae Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc86b Protanopia 1% of men
#f4bf66 Deuteranopia 1% of men
#ffb4bf Tritanopia 0.001% of the population

Trichromacy

#e8c266 Protanomaly 1% of men, 0.01% of women
#f7bc63 Deuteranomaly 6% of men, 0.4% of women
#feb59c Tritanomaly 0.01% of the population

#fdb85f hex color

#fdb85f Color Information

#fdb85f Color Conversion

Color Schemes with #fdb85f

Alternatives to #fdb85f

#fdb85f Preview

Shades and Tints of #fdb85f

Tones of #fdb85f

Color Blindness Simulator