#fbb550 Color Information
In a RGB color space, hex #fbb550 is composed of 98.4% red, 71% green and 31.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 68.1% yellow and 1.6% black. It has a hue angle of 35.4 degrees, a saturation of 95.5% and a lightness of 64.9%. #fbb550 color hex could be obtained by blending #ffffa0 with #f76b00. Closest websafe color is: #ffcc66.
-
- R 98
- G 71
- B 31
-
- C 0
- M 28
- Y 68
- K 2
● #fbb550 color description : Soft orange.
#fbb550 Color Conversion
The hexadecimal color #fbb550 has RGB values of R:251, G:181, B:80 and CMYK values of C:0, M:0.28, Y:0.68, K:0.02. Its decimal value is 16495952.
| Hex triplet | fbb550 | #fbb550 |
|---|---|---|
| RGB Decimal | 251, 181, 80 | rgb(251,181,80) |
| RGB Percent | 98.4, 71, 31.4 | rgb(98.4%,71%,31.4%) |
| CMYK | 0, 28, 68, 2 | |
| HSL | 35.4°, 95.5, 64.9 | hsl(35.4,95.5%,64.9%) |
| HSV (or HSB) | 35.4°, 68.1, 98.4 | |
| Web Safe | ffcc66 | #ffcc66 |
| CIE-LAB | 78.543, 15.991, 59.718 |
|---|---|
| XYZ | 57.757, 54.14, 14.997 |
| xyY | 0.455, 0.427, 54.14 |
| CIE-LCH | 78.543, 61.822, 75.009 |
| CIE-LUV | 78.543, 55.844, 65.63 |
| Hunter-Lab | 73.58, 11.35, 39.421 |
| Binary | 11111011, 10110101, 01010000 |
Color Schemes with #fbb550
Alternatives to #fbb550
Below, you can see some colors close to #fbb550. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb550 Preview
This text has a font color of #fbb550.
<span style="color:#fbb550;">Text here</span>
This paragraph has a background color of #fbb550.
<p style="background-color:#fbb550;">Content here</p>
This element has a border color of #fbb550.
<div style="border:1px solid #fbb550;">Content here</div>
.text {color:#fbb550;}
.background {background-color:#fbb550;}
.border {border:1px solid #fbb550;}
Shades and Tints of #fbb550
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, #110a00 is the darkest color, while #fffefd is the lightest one.
-
#110a00
#110a00rgb(17,10,0) -
#241601
#241601rgb(36,22,1) -
#372101
#372101rgb(55,33,1) -
#4a2d02
#4a2d02rgb(74,45,2) -
#5d3802
#5d3802rgb(93,56,2) -
#714403
#714403rgb(113,68,3) -
#844f03
#844f03rgb(132,79,3) -
#975b03
#975b03rgb(151,91,3) -
#aa6604
#aa6604rgb(170,102,4) -
#bd7204
#bd7204rgb(189,114,4) -
#d17d05
#d17d05rgb(209,125,5) -
#e48905
#e48905rgb(228,137,5) -
#f79406
#f79406rgb(247,148,6)
-
#fa9d16
#fa9d16rgb(250,157,22) -
#faa52a
#faa52argb(250,165,42) -
#fbad3d
#fbad3drgb(251,173,61) -
#fbb550
#fbb550rgb(251,181,80) -
#fbbd63
#fbbd63rgb(251,189,99) -
#fcc576
#fcc576rgb(252,197,118) -
#fccd8a
#fccd8argb(252,205,138) -
#fdd59d
#fdd59drgb(253,213,157) -
#fddeb0
#fddeb0rgb(253,222,176) -
#fee6c3
#fee6c3rgb(254,230,195) -
#feeed6
#feeed6rgb(254,238,214) -
#fff6e9
#fff6e9rgb(255,246,233) -
#fffefd
#fffefdrgb(255,254,253)
Tones of #fbb550
A tone is produced by adding gray to any pure hue. In this case, #a8a6a3 is the less saturated color, while #fbb550 is the most saturated one.
-
#a8a6a3
#a8a6a3rgb(168,166,163) -
#afa79c
#afa79crgb(175,167,156) -
#b6a995
#b6a995rgb(182,169,149) -
#bdaa8e
#bdaa8ergb(189,170,142) -
#c4ab87
#c4ab87rgb(196,171,135) -
#cbac80
#cbac80rgb(203,172,128) -
#d2ae79
#d2ae79rgb(210,174,121) -
#d9af72
#d9af72rgb(217,175,114) -
#dfb06c
#dfb06crgb(223,176,108) -
#e6b165
#e6b165rgb(230,177,101) -
#edb35e
#edb35ergb(237,179,94) -
#f4b457
#f4b457rgb(244,180,87) -
#fbb550
#fbb550rgb(251,181,80)
Color Blindness Simulator
Below, you can see how #fbb550 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.
