#f5bb55 hex color

In a RGB color space, hex #f5bb55 is composed of 96.1% red, 73.3% green and 33.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 23.7% magenta, 65.3% yellow and 3.9% black. It has a hue angle of 38.3 degrees, a saturation of 88.9% and a lightness of 64.7%. #f5bb55 color hex could be obtained by blending #ffffaa with #eb7700. Closest websafe color is: #ffcc66.

♥
- f
- t
- g
- R 96
- G 73
- B 33
RGB color chart
- C 0
- M 24
- Y 65
- K 4
CMYK color chart

● #f5bb55 color description : Soft orange.

The hexadecimal color #f5bb55 has RGB values of R:245, G:187, B:85 and CMYK values of C:0, M:0.24, Y:0.65, K:0.04. Its decimal value is 16104277.

Hex triplet	f5bb55	`#f5bb55`
RGB Decimal	245, 187, 85	`rgb(245,187,85)`
RGB Percent	96.1, 73.3, 33.3	`rgb(96.1%,73.3%,33.3%)`
CMYK	0, 24, 65, 4
HSL	38.3°, 88.9, 64.7	`hsl(38.3,88.9%,64.7%)`
HSV (or HSB)	38.3°, 65.3, 96.1
Web Safe	ffcc66	`#ffcc66`

CIE-LAB	79.392, 10.638, 58.226
XYZ	57.067, 55.612, 16.322
xyY	0.442, 0.431, 55.612
CIE-LCH	79.392, 59.19, 79.646
CIE-LUV	79.392, 46.386, 66.052
Hunter-Lab	74.573, 6.093, 39.224
Binary	11110101, 10111011, 01010101

#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#558ff5
```
#558ff5 rgb(85,143,245)
```

Complementary Color

#f56b55
```
#f56b55 rgb(245,107,85)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#dff555
```
#dff555 rgb(223,245,85)
```

Analogous Color

#6b55f5
```
#6b55f5 rgb(107,85,245)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#55dff5
```
#55dff5 rgb(85,223,245)
```

Split Complementary Color

#bb55f5
```
#bb55f5 rgb(187,85,245)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#55f5bb
```
#55f5bb rgb(85,245,187)
```

Triadic Color

#f5558f
```
#f5558f rgb(245,85,143)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#55f5bb
```
#55f5bb rgb(85,245,187)
```
#558ff5
```
#558ff5 rgb(85,143,245)
```

Tetradic Color

#ef9e0e
```
#ef9e0e rgb(239,158,14)
```
#f2a825
```
#f2a825 rgb(242,168,37)
```
#f4b13d
```
#f4b13d rgb(244,177,61)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#f6c56d
```
#f6c56d rgb(246,197,109)
```
#f8ce85
```
#f8ce85 rgb(248,206,133)
```
#f9d89d
```
#f9d89d rgb(249,216,157)
```

Monochromatic Color

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

#f59355
```
#f59355 rgb(245,147,85)
```
#f5a055
```
#f5a055 rgb(245,160,85)
```
#f5ae55
```
#f5ae55 rgb(245,174,85)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#f5c855
```
#f5c855 rgb(245,200,85)
```
#f5d655
```
#f5d655 rgb(245,214,85)
```
#f5e355
```
#f5e355 rgb(245,227,85)
```

Similar Colors

Text with hexadecimal color #f5bb55

This text has a font color of #f5bb55.

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

#f5bb55 background color

This paragraph has a background color of #f5bb55.

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

#f5bb55 border color

This element has a border color of #f5bb55.

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

CSS codes

.text {color:#f5bb55;}

.background {background-color:#f5bb55;}

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

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

#0f0a01
```
#0f0a01 rgb(15,10,1)
```
#221602
```
#221602 rgb(34,22,2)
```
#342203
```
#342203 rgb(52,34,3)
```
#472f04
```
#472f04 rgb(71,47,4)
```
#593b05
```
#593b05 rgb(89,59,5)
```
#6c4706
```
#6c4706 rgb(108,71,6)
```
#7e5307
```
#7e5307 rgb(126,83,7)
```
#915f09
```
#915f09 rgb(145,95,9)
```
#a36c0a
```
#a36c0a rgb(163,108,10)
```
#b6780b
```
#b6780b rgb(182,120,11)
```
#c9840c
```
#c9840c rgb(201,132,12)
```
#db900d
```
#db900d rgb(219,144,13)
```
#ee9d0e
```
#ee9d0e rgb(238,157,14)
```

Shade Color Variation

#f2a51d
```
#f2a51d rgb(242,165,29)
```
#f3ac30
```
#f3ac30 rgb(243,172,48)
```
#f4b442
```
#f4b442 rgb(244,180,66)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#f6c268
```
#f6c268 rgb(246,194,104)
```
#f7ca7a
```
#f7ca7a rgb(247,202,122)
```
#f8d18d
```
#f8d18d rgb(248,209,141)
```
#f9d99f
```
#f9d99f rgb(249,217,159)
```
#fae0b2
```
#fae0b2 rgb(250,224,178)
```
#fce7c4
```
#fce7c4 rgb(252,231,196)
```
#fdefd7
```
#fdefd7 rgb(253,239,215)
```
#fef6e9
```
#fef6e9 rgb(254,246,233)
```
#fffefc
```
#fffefc rgb(255,254,252)
```

Tint Color Variation

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

#a9a6a1
```
#a9a6a1 rgb(169,166,161)
```
#b0a89a
```
#b0a89a rgb(176,168,154)
```
#b7aa93
```
#b7aa93 rgb(183,170,147)
```
#beac8c
```
#beac8c rgb(190,172,140)
```
#c5ae85
```
#c5ae85 rgb(197,174,133)
```
#cbb07f
```
#cbb07f rgb(203,176,127)
```
#d2b178
```
#d2b178 rgb(210,177,120)
```
#d9b371
```
#d9b371 rgb(217,179,113)
```
#e0b56a
```
#e0b56a rgb(224,181,106)
```
#e7b763
```
#e7b763 rgb(231,183,99)
```
#eeb95c
```
#eeb95c rgb(238,185,92)
```
#f5bb55
```
#f5bb55 rgb(245,187,85)
```
#fcbd4e
```
#fcbd4e rgb(252,189,78)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#cbc0ab Atypical Achromatopsia 0.001% of the population

Dichromacy

#dcc760 Protanopia 1% of men
#f5be5d Deuteranopia 1% of men
#fdb3c0 Tritanopia 0.001% of the population

Trichromacy

#e5c35c Protanomaly 1% of men, 0.01% of women
#f5bd5a Deuteranomaly 6% of men, 0.4% of women
#fab699 Tritanomaly 0.01% of the population

#f5bb55 hex color

#f5bb55 Color Information

#f5bb55 Color Conversion

Color Schemes with #f5bb55

Alternatives to #f5bb55

#f5bb55 Preview

Shades and Tints of #f5bb55

Tones of #f5bb55

Color Blindness Simulator