#f5bd88 hex color

In a RGB color space, hex #f5bd88 is composed of 96.1% red, 74.1% green and 53.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 22.9% magenta, 44.5% yellow and 3.9% black. It has a hue angle of 29.2 degrees, a saturation of 84.5% and a lightness of 74.7%. #f5bd88 color hex could be obtained by blending #ffffff with #eb7b11. Closest websafe color is: #ffcc99.

♥
- f
- t
- g
- R 96
- G 74
- B 53
RGB color chart
- C 0
- M 23
- Y 44
- K 4
CMYK color chart

● #f5bd88 color description : Very soft orange.

The hexadecimal color #f5bd88 has RGB values of R:245, G:189, B:136 and CMYK values of C:0, M:0.23, Y:0.44, K:0.04. Its decimal value is 16104840.

Hex triplet	f5bd88	`#f5bd88`
RGB Decimal	245, 189, 136	`rgb(245,189,136)`
RGB Percent	96.1, 74.1, 53.3	`rgb(96.1%,74.1%,53.3%)`
CMYK	0, 23, 44, 4
HSL	29.2°, 84.5, 74.7	`hsl(29.2,84.5%,74.7%)`
HSV (or HSB)	29.2°, 44.5, 96.1
Web Safe	ffcc99	`#ffcc99`

CIE-LAB	80.509, 13.639, 34.497
XYZ	60.298, 57.588, 31.231
xyY	0.404, 0.386, 57.588
CIE-LCH	80.509, 37.096, 68.427
CIE-LUV	80.509, 40.956, 42.792
Hunter-Lab	75.887, 9.031, 28.72
Binary	11110101, 10111101, 10001000

#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#88c0f5
```
#88c0f5 rgb(136,192,245)
```

Complementary Color

#f5888a
```
#f5888a rgb(245,136,138)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#f5f488
```
#f5f488 rgb(245,244,136)
```

Analogous Color

#888af5
```
#888af5 rgb(136,138,245)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#88f5f4
```
#88f5f4 rgb(136,245,244)
```

Split Complementary Color

#bd88f5
```
#bd88f5 rgb(189,136,245)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#88f5bd
```
#88f5bd rgb(136,245,189)
```

Triadic Color

#f588c0
```
#f588c0 rgb(245,136,192)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#88f5bd
```
#88f5bd rgb(136,245,189)
```
#88c0f5
```
#88c0f5 rgb(136,192,245)
```

Tetradic Color

#ef9641
```
#ef9641 rgb(239,150,65)
```
#f1a359
```
#f1a359 rgb(241,163,89)
```
#f3b070
```
#f3b070 rgb(243,176,112)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#f7caa0
```
#f7caa0 rgb(247,202,160)
```
#f9d7b7
```
#f9d7b7 rgb(249,215,183)
```
#fbe4cf
```
#fbe4cf rgb(251,228,207)
```

Monochromatic Color

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

#f5a288
```
#f5a288 rgb(245,162,136)
```
#f5ab88
```
#f5ab88 rgb(245,171,136)
```
#f5b488
```
#f5b488 rgb(245,180,136)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#f5c688
```
#f5c688 rgb(245,198,136)
```
#f5cf88
```
#f5cf88 rgb(245,207,136)
```
#f5d888
```
#f5d888 rgb(245,216,136)
```

Similar Colors

Text with hexadecimal color #f5bd88

This text has a font color of #f5bd88.

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

#f5bd88 background color

This paragraph has a background color of #f5bd88.

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

#f5bd88 border color

This element has a border color of #f5bd88.

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

CSS codes

.text {color:#f5bd88;}

.background {background-color:#f5bd88;}

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

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

#080401
```
#080401 rgb(8,4,1)
```
#1a0e02
```
#1a0e02 rgb(26,14,2)
```
#2c1704
```
#2c1704 rgb(44,23,4)
```
#3e2105
```
#3e2105 rgb(62,33,5)
```
#502a07
```
#502a07 rgb(80,42,7)
```
#623408
```
#623408 rgb(98,52,8)
```
#743e0a
```
#743e0a rgb(116,62,10)
```
#86470b
```
#86470b rgb(134,71,11)
```
#98510d
```
#98510d rgb(152,81,13)
```
#ab5a0e
```
#ab5a0e rgb(171,90,14)
```
#bd6410
```
#bd6410 rgb(189,100,16)
```
#cf6d11
```
#cf6d11 rgb(207,109,17)
```
#e17713
```
#e17713 rgb(225,119,19)
```

Shade Color Variation

#ec811b
```
#ec811b rgb(236,129,27)
```
#ed8b2e
```
#ed8b2e rgb(237,139,46)
```
#ef9540
```
#ef9540 rgb(239,149,64)
```
#f09f52
```
#f09f52 rgb(240,159,82)
```
#f2a964
```
#f2a964 rgb(242,169,100)
```
#f3b376
```
#f3b376 rgb(243,179,118)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#f7c79a
```
#f7c79a rgb(247,199,154)
```
#f8d1ac
```
#f8d1ac rgb(248,209,172)
```
#fadbbe
```
#fadbbe rgb(250,219,190)
```
#fbe5d0
```
#fbe5d0 rgb(251,229,208)
```
#fdefe2
```
#fdefe2 rgb(253,239,226)
```
#fef9f5
```
#fef9f5 rgb(254,249,245)
```

Tint Color Variation

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

#c3beba
```
#c3beba rgb(195,190,186)
```
#c8beb5
```
#c8beb5 rgb(200,190,181)
```
#cdbeb0
```
#cdbeb0 rgb(205,190,176)
```
#d2beab
```
#d2beab rgb(210,190,171)
```
#d7bea6
```
#d7bea6 rgb(215,190,166)
```
#dcbea1
```
#dcbea1 rgb(220,190,161)
```
#e1be9c
```
#e1be9c rgb(225,190,156)
```
#e6bd97
```
#e6bd97 rgb(230,189,151)
```
#ebbd92
```
#ebbd92 rgb(235,189,146)
```
#f0bd8d
```
#f0bd8d rgb(240,189,141)
```
#f5bd88
```
#f5bd88 rgb(245,189,136)
```
#fabd83
```
#fabd83 rgb(250,189,131)
```
#ffbd7e
```
#ffbd7e rgb(255,189,126)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#d1c6bb Atypical Achromatopsia 0.001% of the population

Dichromacy

#d9ca92 Protanopia 1% of men
#f0c28d Deuteranopia 1% of men
#fbb9c5 Tritanopia 0.001% of the population

Trichromacy

#e3c58e Protanomaly 1% of men, 0.01% of women
#f2c08b Deuteranomaly 6% of men, 0.4% of women
#f9baaf Tritanomaly 0.01% of the population

#f5bd88 hex color

#f5bd88 Color Information

#f5bd88 Color Conversion

Color Schemes with #f5bd88

Alternatives to #f5bd88

#f5bd88 Preview

Shades and Tints of #f5bd88

Tones of #f5bd88

Color Blindness Simulator