#fc551b Color Information
In a RGB color space, hex #fc551b is composed of 98.8% red, 33.3% green and 10.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 89.3% yellow and 1.2% black. It has a hue angle of 15.5 degrees, a saturation of 97.4% and a lightness of 54.7%. #fc551b color hex could be obtained by blending #ffaa36 with #f90000. Closest websafe color is: #ff6633.
-
- R 99
- G 33
- B 11
-
- C 0
- M 66
- Y 89
- K 1
● #fc551b color description : Vivid orange.
#fc551b Color Conversion
The hexadecimal color #fc551b has RGB values of R:252, G:85, B:27 and CMYK values of C:0, M:0.66, Y:0.89, K:0.01. Its decimal value is 16536859.
| Hex triplet | fc551b | #fc551b |
|---|---|---|
| RGB Decimal | 252, 85, 27 | rgb(252,85,27) |
| RGB Percent | 98.8, 33.3, 10.6 | rgb(98.8%,33.3%,10.6%) |
| CMYK | 0, 66, 89, 1 | |
| HSL | 15.5°, 97.4, 54.7 | hsl(15.5,97.4%,54.7%) |
| HSV (or HSB) | 15.5°, 89.3, 98.8 | |
| Web Safe | ff6633 | #ff6633 |
| CIE-LAB | 59.23, 61.329, 63.185 |
|---|---|
| XYZ | 43.593, 27.277, 4.006 |
| xyY | 0.582, 0.364, 27.277 |
| CIE-LCH | 59.23, 88.054, 45.854 |
| CIE-LUV | 59.23, 136.556, 46.098 |
| Hunter-Lab | 52.227, 57.595, 32.011 |
| Binary | 11111100, 01010101, 00011011 |
Color Schemes with #fc551b
Alternatives to #fc551b
Below, you can see some colors close to #fc551b. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fc551b Preview
This text has a font color of #fc551b.
<span style="color:#fc551b;">Text here</span>
This paragraph has a background color of #fc551b.
<p style="background-color:#fc551b;">Content here</p>
This element has a border color of #fc551b.
<div style="border:1px solid #fc551b;">Content here</div>
.text {color:#fc551b;}
.background {background-color:#fc551b;}
.border {border:1px solid #fc551b;}
Shades and Tints of #fc551b
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, #040100 is the darkest color, while #fff4f0 is the lightest one.
-
#040100
#040100rgb(4,1,0) -
#180600
#180600rgb(24,6,0) -
#2b0c01
#2b0c01rgb(43,12,1) -
#3e1101
#3e1101rgb(62,17,1) -
#521601
#521601rgb(82,22,1) -
#651b01
#651b01rgb(101,27,1) -
#782002
#782002rgb(120,32,2) -
#8c2502
#8c2502rgb(140,37,2) -
#9f2b02
#9f2b02rgb(159,43,2) -
#b33002
#b33002rgb(179,48,2) -
#c63503
#c63503rgb(198,53,3) -
#d93a03
#d93a03rgb(217,58,3) -
#ed3f03
#ed3f03rgb(237,63,3)
-
#fc4708
#fc4708rgb(252,71,8) -
#fc551b
#fc551brgb(252,85,27) -
#fc632e
#fc632ergb(252,99,46) -
#fd7242
#fd7242rgb(253,114,66) -
#fd8055
#fd8055rgb(253,128,85) -
#fd8f68
#fd8f68rgb(253,143,104) -
#fd9d7c
#fd9d7crgb(253,157,124) -
#feac8f
#feac8frgb(254,172,143) -
#febaa3
#febaa3rgb(254,186,163) -
#fec8b6
#fec8b6rgb(254,200,182) -
#fed7c9
#fed7c9rgb(254,215,201) -
#ffe5dd
#ffe5ddrgb(255,229,221) -
#fff4f0
#fff4f0rgb(255,244,240)
Tones of #fc551b
A tone is produced by adding gray to any pure hue. In this case, #918986 is the less saturated color, while #fc551b is the most saturated one.
-
#918986
#918986rgb(145,137,134) -
#9a847d
#9a847drgb(154,132,125) -
#a38074
#a38074rgb(163,128,116) -
#ac7c6b
#ac7c6brgb(172,124,107) -
#b57762
#b57762rgb(181,119,98) -
#be7359
#be7359rgb(190,115,89) -
#c76f50
#c76f50rgb(199,111,80) -
#d06b47
#d06b47rgb(208,107,71) -
#d8663f
#d8663frgb(216,102,63) -
#e16236
#e16236rgb(225,98,54) -
#ea5e2d
#ea5e2drgb(234,94,45) -
#f35924
#f35924rgb(243,89,36) -
#fc551b
#fc551brgb(252,85,27)
Color Blindness Simulator
Below, you can see how #fc551b 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.
