#fbb986 Color Information
In a RGB color space, hex #fbb986 is composed of 98.4% red, 72.5% green and 52.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 26.3% magenta, 46.6% yellow and 1.6% black. It has a hue angle of 26.2 degrees, a saturation of 93.6% and a lightness of 75.5%. #fbb986 color hex could be obtained by blending #ffffff with #f7730d. Closest websafe color is: #ffcc99.
-
- R 98
- G 73
- B 53
-
- C 0
- M 26
- Y 47
- K 2
● #fbb986 color description : Soft orange.
#fbb986 Color Conversion
The hexadecimal color #fbb986 has RGB values of R:251, G:185, B:134 and CMYK values of C:0, M:0.26, Y:0.47, K:0.02. Its decimal value is 16497030.
| Hex triplet | fbb986 | #fbb986 |
|---|---|---|
| RGB Decimal | 251, 185, 134 | rgb(251,185,134) |
| RGB Percent | 98.4, 72.5, 52.5 | rgb(98.4%,72.5%,52.5%) |
| CMYK | 0, 26, 47, 2 | |
| HSL | 26.2°, 93.6, 75.5 | hsl(26.2,93.6%,75.5%) |
| HSV (or HSB) | 26.2°, 46.6, 98.4 | |
| Web Safe | ffcc99 | #ffcc99 |
| CIE-LAB | 80.141, 17.912, 35.178 |
|---|---|
| XYZ | 61.436, 56.931, 30.306 |
| xyY | 0.413, 0.383, 56.931 |
| CIE-LCH | 80.141, 39.475, 63.015 |
| CIE-LUV | 80.141, 48.3, 42.534 |
| Hunter-Lab | 75.453, 13.298, 29.003 |
| Binary | 11111011, 10111001, 10000110 |
Color Schemes with #fbb986
Alternatives to #fbb986
Below, you can see some colors close to #fbb986. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb986 Preview
This text has a font color of #fbb986.
<span style="color:#fbb986;">Text here</span>
This paragraph has a background color of #fbb986.
<p style="background-color:#fbb986;">Content here</p>
This element has a border color of #fbb986.
<div style="border:1px solid #fbb986;">Content here</div>
.text {color:#fbb986;}
.background {background-color:#fbb986;}
.border {border:1px solid #fbb986;}
Shades and Tints of #fbb986
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, #0c0500 is the darkest color, while #fffbf8 is the lightest one.
-
#0c0500
#0c0500rgb(12,5,0) -
#1f0e01
#1f0e01rgb(31,14,1) -
#321702
#321702rgb(50,23,2) -
#451f02
#451f02rgb(69,31,2) -
#582803
#582803rgb(88,40,3) -
#6b3104
#6b3104rgb(107,49,4) -
#7e3904
#7e3904rgb(126,57,4) -
#914205
#914205rgb(145,66,5) -
#a44a05
#a44a05rgb(164,74,5) -
#b75306
#b75306rgb(183,83,6) -
#ca5c07
#ca5c07rgb(202,92,7) -
#dd6407
#dd6407rgb(221,100,7) -
#f06d08
#f06d08rgb(240,109,8)
-
#f77714
#f77714rgb(247,119,20) -
#f88227
#f88227rgb(248,130,39) -
#f88d3a
#f88d3argb(248,141,58) -
#f9984d
#f9984drgb(249,152,77) -
#faa360
#faa360rgb(250,163,96) -
#faae73
#faae73rgb(250,174,115) -
#fbb986
#fbb986rgb(251,185,134) -
#fcc499
#fcc499rgb(252,196,153) -
#fccfac
#fccfacrgb(252,207,172) -
#fddabf
#fddabfrgb(253,218,191) -
#fee5d2
#fee5d2rgb(254,229,210) -
#fef0e5
#fef0e5rgb(254,240,229) -
#fffbf8
#fffbf8rgb(255,251,248)
Tones of #fbb986
A tone is produced by adding gray to any pure hue. In this case, #c1c0c0 is the less saturated color, while #fbb986 is the most saturated one.
-
#c1c0c0
#c1c0c0rgb(193,192,192) -
#c6c0bb
#c6c0bbrgb(198,192,187) -
#cbbfb6
#cbbfb6rgb(203,191,182) -
#d0bfb1
#d0bfb1rgb(208,191,177) -
#d5beac
#d5beacrgb(213,190,172) -
#d9bda8
#d9bda8rgb(217,189,168) -
#debda3
#debda3rgb(222,189,163) -
#e3bc9e
#e3bc9ergb(227,188,158) -
#e8bb99
#e8bb99rgb(232,187,153) -
#edbb94
#edbb94rgb(237,187,148) -
#f1ba90
#f1ba90rgb(241,186,144) -
#f6ba8b
#f6ba8brgb(246,186,139) -
#fbb986
#fbb986rgb(251,185,134)
Color Blindness Simulator
Below, you can see how #fbb986 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.
