#fca556 Color Information
In a RGB color space, hex #fca556 is composed of 98.8% red, 64.7% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.5% magenta, 65.9% yellow and 1.2% black. It has a hue angle of 28.6 degrees, a saturation of 96.5% and a lightness of 66.3%. #fca556 color hex could be obtained by blending #ffffac with #f94b00. Closest websafe color is: #ff9966.
-
- R 99
- G 65
- B 34
-
- C 0
- M 35
- Y 66
- K 1
● #fca556 color description : Soft orange.
#fca556 Color Conversion
The hexadecimal color #fca556 has RGB values of R:252, G:165, B:86 and CMYK values of C:0, M:0.35, Y:0.66, K:0.01. Its decimal value is 16557398.
Hex triplet | fca556 | #fca556 |
---|---|---|
RGB Decimal | 252, 165, 86 | rgb(252,165,86) |
RGB Percent | 98.8, 64.7, 33.7 | rgb(98.8%,64.7%,33.7%) |
CMYK | 0, 35, 66, 1 | |
HSL | 28.6°, 96.5, 66.3 | hsl(28.6,96.5%,66.3%) |
HSV (or HSB) | 28.6°, 65.9, 98.8 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 75.002, 25.115, 53.123 |
---|---|
XYZ | 55.281, 48.281, 15.211 |
xyY | 0.465, 0.406, 48.281 |
CIE-LCH | 75.002, 58.761, 64.697 |
CIE-LUV | 75.002, 68.393, 56.827 |
Hunter-Lab | 69.485, 20.413, 35.66 |
Binary | 11111100, 10100101, 01010110 |
Color Schemes with #fca556
Alternatives to #fca556
Below, you can see some colors close to #fca556. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#fca556 Preview
This text has a font color of #fca556.
<span style="color:#fca556;">Text here</span>
This paragraph has a background color of #fca556.
<p style="background-color:#fca556;">Content here</p>
This element has a border color of #fca556.
<div style="border:1px solid #fca556;">Content here</div>
.text {color:#fca556;}
.background {background-color:#fca556;}
.border {border:1px solid #fca556;}
Shades and Tints of #fca556
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, #040200 is the darkest color, while #fff7f0 is the lightest one.
-
#040200
#040200
rgb(4,2,0)
-
#180c00
#180c00
rgb(24,12,0)
-
#2b1501
#2b1501
rgb(43,21,1)
-
#3e1e01
#3e1e01
rgb(62,30,1)
-
#522801
#522801
rgb(82,40,1)
-
#653102
#653102
rgb(101,49,2)
-
#783a02
#783a02
rgb(120,58,2)
-
#8b4402
#8b4402
rgb(139,68,2)
-
#9f4d03
#9f4d03
rgb(159,77,3)
-
#b25603
#b25603
rgb(178,86,3)
-
#c56004
#c56004
rgb(197,96,4)
-
#d86904
#d86904
rgb(216,105,4)
-
#ec7204
#ec7204
rgb(236,114,4)
-
#fb7c09
#fb7c09
rgb(251,124,9)
-
#fb861c
#fb861c
rgb(251,134,28)
-
#fb902f
#fb902f
rgb(251,144,47)
-
#fc9b43
#fc9b43
rgb(252,155,67)
-
#fca556
#fca556
rgb(252,165,86)
-
#fcaf69
#fcaf69
rgb(252,175,105)
-
#fdba7d
#fdba7d
rgb(253,186,125)
-
#fdc490
#fdc490
rgb(253,196,144)
-
#fdcea3
#fdcea3
rgb(253,206,163)
-
#fed8b6
#fed8b6
rgb(254,216,182)
-
#fee3ca
#fee3ca
rgb(254,227,202)
-
#feeddd
#feeddd
rgb(254,237,221)
-
#fff7f0
#fff7f0
rgb(255,247,240)
Tones of #fca556
A tone is produced by adding gray to any pure hue. In this case, #ada9a5 is the less saturated color, while #fca556 is the most saturated one.
-
#ada9a5
#ada9a5
rgb(173,169,165)
-
#b3a99f
#b3a99f
rgb(179,169,159)
-
#baa898
#baa898
rgb(186,168,152)
-
#c0a892
#c0a892
rgb(192,168,146)
-
#c7a88b
#c7a88b
rgb(199,168,139)
-
#cea784
#cea784
rgb(206,167,132)
-
#d4a77e
#d4a77e
rgb(212,167,126)
-
#dba777
#dba777
rgb(219,167,119)
-
#e2a670
#e2a670
rgb(226,166,112)
-
#e8a66a
#e8a66a
rgb(232,166,106)
-
#efa663
#efa663
rgb(239,166,99)
-
#f5a55d
#f5a55d
rgb(245,165,93)
-
#fca556
#fca556
rgb(252,165,86)
Color Blindness Simulator
Below, you can see how #fca556 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.