#f3bd85 hex color

In a RGB color space, hex #f3bd85 is composed of 95.3% red, 74.1% green and 52.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.2% magenta, 45.3% yellow and 4.7% black. It has a hue angle of 30.5 degrees, a saturation of 82.1% and a lightness of 73.7%. #f3bd85 color hex could be obtained by blending #ffffff with #e77b0b. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 95
- G 74
- B 52
RGB color chart
- C 0
- M 22
- Y 45
- K 5
CMYK color chart

● #f3bd85 color description : Soft orange.

The hexadecimal color #f3bd85 has RGB values of R:243, G:189, B:133 and CMYK values of C:0, M:0.22, Y:0.45, K:0.05. Its decimal value is 15973765.

Hex triplet	f3bd85	`#f3bd85`
RGB Decimal	243, 189, 133	`rgb(243,189,133)`
RGB Percent	95.3, 74.1, 52.2	`rgb(95.3%,74.1%,52.2%)`
CMYK	0, 22, 45, 5
HSL	30.5°, 82.1, 73.7	`hsl(30.5,82.1%,73.7%)`
HSV (or HSB)	30.5°, 45.3, 95.3
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	80.262, 12.548, 35.695
XYZ	59.394, 57.146, 30.091
xyY	0.405, 0.39, 57.146
CIE-LCH	80.262, 37.836, 70.632
CIE-LUV	80.262, 39.772, 44.319
Hunter-Lab	75.595, 7.953, 29.316
Binary	11110011, 10111101, 10000101

#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#85bbf3
```
#85bbf3 rgb(133,187,243)
```

Complementary Color

#f38685
```
#f38685 rgb(243,134,133)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#f2f385
```
#f2f385 rgb(242,243,133)
```

Analogous Color

#8685f3
```
#8685f3 rgb(134,133,243)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#85f2f3
```
#85f2f3 rgb(133,242,243)
```

Split Complementary Color

#bd85f3
```
#bd85f3 rgb(189,133,243)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#85f3bd
```
#85f3bd rgb(133,243,189)
```

Triadic Color

#f385bb
```
#f385bb rgb(243,133,187)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#85f3bd
```
#85f3bd rgb(133,243,189)
```
#85bbf3
```
#85bbf3 rgb(133,187,243)
```

Tetradic Color

#ec973f
```
#ec973f rgb(236,151,63)
```
#eea457
```
#eea457 rgb(238,164,87)
```
#f1b06e
```
#f1b06e rgb(241,176,110)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#f5ca9c
```
#f5ca9c rgb(245,202,156)
```
#f8d6b3
```
#f8d6b3 rgb(248,214,179)
```
#fae3cb
```
#fae3cb rgb(250,227,203)
```

Monochromatic Color

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

#f3a285
```
#f3a285 rgb(243,162,133)
```
#f3ab85
```
#f3ab85 rgb(243,171,133)
```
#f3b485
```
#f3b485 rgb(243,180,133)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#f3c685
```
#f3c685 rgb(243,198,133)
```
#f3cf85
```
#f3cf85 rgb(243,207,133)
```
#f3d985
```
#f3d985 rgb(243,217,133)
```

Similar Colors

Text with hexadecimal color #f3bd85

This text has a font color of #f3bd85.

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

#f3bd85 background color

This paragraph has a background color of #f3bd85.

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

#f3bd85 border color

This element has a border color of #f3bd85.

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

CSS codes

.text {color:#f3bd85;}

.background {background-color:#f3bd85;}

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

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

#030200
```
#030200 rgb(3,2,0)
```
#150c02
```
#150c02 rgb(21,12,2)
```
#271604
```
#271604 rgb(39,22,4)
```
#392006
```
#392006 rgb(57,32,6)
```
#4a2907
```
#4a2907 rgb(74,41,7)
```
#5c3309
```
#5c3309 rgb(92,51,9)
```
#6e3d0b
```
#6e3d0b rgb(110,61,11)
```
#80470d
```
#80470d rgb(128,71,13)
```
#92510e
```
#92510e rgb(146,81,14)
```
#a45b10
```
#a45b10 rgb(164,91,16)
```
#b66512
```
#b66512 rgb(182,101,18)
```
#c76f14
```
#c76f14 rgb(199,111,20)
```
#d97915
```
#d97915 rgb(217,121,21)
```

Shade Color Variation

#e8831a
```
#e8831a rgb(232,131,26)
```
#ea8d2c
```
#ea8d2c rgb(234,141,44)
```
#ec963e
```
#ec963e rgb(236,150,62)
```
#eea04f
```
#eea04f rgb(238,160,79)
```
#efaa61
```
#efaa61 rgb(239,170,97)
```
#f1b373
```
#f1b373 rgb(241,179,115)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#f5c797
```
#f5c797 rgb(245,199,151)
```
#f7d0a9
```
#f7d0a9 rgb(247,208,169)
```
#f8dabb
```
#f8dabb rgb(248,218,187)
```
#fae4cc
```
#fae4cc rgb(250,228,204)
```
#fcedde
```
#fcedde rgb(252,237,222)
```
#fef7f0
```
#fef7f0 rgb(254,247,240)
```

Tint Color Variation

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

#bfbcb9
```
#bfbcb9 rgb(191,188,185)
```
#c5bcb3
```
#c5bcb3 rgb(197,188,179)
```
#cabcae
```
#cabcae rgb(202,188,174)
```
#cfbca9
```
#cfbca9 rgb(207,188,169)
```
#d4bca4
```
#d4bca4 rgb(212,188,164)
```
#d9bd9f
```
#d9bd9f rgb(217,189,159)
```
#debd9a
```
#debd9a rgb(222,189,154)
```
#e4bd94
```
#e4bd94 rgb(228,189,148)
```
#e9bd8f
```
#e9bd8f rgb(233,189,143)
```
#eebd8a
```
#eebd8a rgb(238,189,138)
```
#f3bd85
```
#f3bd85 rgb(243,189,133)
```
#f8bd80
```
#f8bd80 rgb(248,189,128)
```
#fdbd7b
```
#fdbd7b rgb(253,189,123)
```

Tone Color Variation

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

#c7c7c7 Achromatopsia 0.005% of the population
#d0c5ba Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9c98e Protanopia 1% of men
#f0c18a Deuteranopia 1% of men
#f9b8c5 Tritanopia 0.001% of the population

Trichromacy

#e2c58b Protanomaly 1% of men, 0.01% of women
#f1c088 Deuteranomaly 6% of men, 0.4% of women
#f7baae Tritanomaly 0.01% of the population

#f3bd85 hex color

#f3bd85 Color Information

#f3bd85 Color Conversion

Color Schemes with #f3bd85

Alternatives to #f3bd85

#f3bd85 Preview

Shades and Tints of #f3bd85

Tones of #f3bd85

Color Blindness Simulator