#fbb54c Color Information
In a RGB color space, hex #fbb54c is composed of 98.4% red, 71% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 27.9% magenta, 69.7% yellow and 1.6% black. It has a hue angle of 36 degrees, a saturation of 95.6% and a lightness of 64.1%. #fbb54c color hex could be obtained by blending #ffff98 with #f76b00. Closest websafe color is: #ffcc33.
-
- R 98
- G 71
- B 30
-
- C 0
- M 28
- Y 70
- K 2
● #fbb54c color description : Soft orange.
#fbb54c Color Conversion
The hexadecimal color #fbb54c has RGB values of R:251, G:181, B:76 and CMYK values of C:0, M:0.28, Y:0.7, K:0.02. Its decimal value is 16495948.
| Hex triplet | fbb54c | #fbb54c |
|---|---|---|
| RGB Decimal | 251, 181, 76 | rgb(251,181,76) |
| RGB Percent | 98.4, 71, 29.8 | rgb(98.4%,71%,29.8%) |
| CMYK | 0, 28, 70, 2 | |
| HSL | 36°, 95.6, 64.1 | hsl(36,95.6%,64.1%) |
| HSV (or HSB) | 36°, 69.7, 98.4 | |
| Web Safe | ffcc33 | #ffcc33 |
| CIE-LAB | 78.51, 15.784, 61.425 |
|---|---|
| XYZ | 57.613, 54.082, 14.242 |
| xyY | 0.457, 0.429, 54.082 |
| CIE-LCH | 78.51, 63.42, 75.589 |
| CIE-LUV | 78.51, 56.102, 66.974 |
| Hunter-Lab | 73.541, 11.144, 39.996 |
| Binary | 11111011, 10110101, 01001100 |
Color Schemes with #fbb54c
Alternatives to #fbb54c
Below, you can see some colors close to #fbb54c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fbb54c Preview
This text has a font color of #fbb54c.
<span style="color:#fbb54c;">Text here</span>
This paragraph has a background color of #fbb54c.
<p style="background-color:#fbb54c;">Content here</p>
This element has a border color of #fbb54c.
<div style="border:1px solid #fbb54c;">Content here</div>
.text {color:#fbb54c;}
.background {background-color:#fbb54c;}
.border {border:1px solid #fbb54c;}
Shades and Tints of #fbb54c
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, #0d0800 is the darkest color, while #fffcf9 is the lightest one.
-
#0d0800
#0d0800rgb(13,8,0) -
#201401
#201401rgb(32,20,1) -
#331f01
#331f01rgb(51,31,1) -
#462b02
#462b02rgb(70,43,2) -
#5a3702
#5a3702rgb(90,55,2) -
#6d4202
#6d4202rgb(109,66,2) -
#804e03
#804e03rgb(128,78,3) -
#935a03
#935a03rgb(147,90,3) -
#a66504
#a66504rgb(166,101,4) -
#ba7104
#ba7104rgb(186,113,4) -
#cd7d05
#cd7d05rgb(205,125,5) -
#e08805
#e08805rgb(224,136,5) -
#f39405
#f39405rgb(243,148,5)
-
#fa9d12
#fa9d12rgb(250,157,18) -
#faa526
#faa526rgb(250,165,38) -
#fbad39
#fbad39rgb(251,173,57) -
#fbb54c
#fbb54crgb(251,181,76) -
#fbbd5f
#fbbd5frgb(251,189,95) -
#fcc572
#fcc572rgb(252,197,114) -
#fccd86
#fccd86rgb(252,205,134) -
#fdd599
#fdd599rgb(253,213,153) -
#fdddac
#fdddacrgb(253,221,172) -
#fee5bf
#fee5bfrgb(254,229,191) -
#feedd2
#feedd2rgb(254,237,210) -
#fef4e5
#fef4e5rgb(254,244,229) -
#fffcf9
#fffcf9rgb(255,252,249)
Tones of #fbb54c
A tone is produced by adding gray to any pure hue. In this case, #a7a4a0 is the less saturated color, while #fbb54c is the most saturated one.
-
#a7a4a0
#a7a4a0rgb(167,164,160) -
#aea699
#aea699rgb(174,166,153) -
#b5a792
#b5a792rgb(181,167,146) -
#bca88b
#bca88brgb(188,168,139) -
#c3aa84
#c3aa84rgb(195,170,132) -
#caab7d
#caab7drgb(202,171,125) -
#d1ad76
#d1ad76rgb(209,173,118) -
#d8ae6f
#d8ae6frgb(216,174,111) -
#dfaf68
#dfaf68rgb(223,175,104) -
#e6b161
#e6b161rgb(230,177,97) -
#edb25a
#edb25argb(237,178,90) -
#f4b453
#f4b453rgb(244,180,83) -
#fbb54c
#fbb54crgb(251,181,76)
Color Blindness Simulator
Below, you can see how #fbb54c 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.
