#f8ca56 Color Information
In a RGB color space, hex #f8ca56 is composed of 97.3% red, 79.2% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 18.5% magenta, 65.3% yellow and 2.7% black. It has a hue angle of 43 degrees, a saturation of 92% and a lightness of 65.5%. #f8ca56 color hex could be obtained by blending #ffffac with #f19500. Closest websafe color is: #ffcc66.
-
- R 97
- G 79
- B 34
-
- C 0
- M 19
- Y 65
- K 3
● #f8ca56 color description : Soft orange.
#f8ca56 Color Conversion
The hexadecimal color #f8ca56 has RGB values of R:248, G:202, B:86 and CMYK values of C:0, M:0.19, Y:0.65, K:0.03. Its decimal value is 16304726.
Hex triplet | f8ca56 | #f8ca56 |
---|---|---|
RGB Decimal | 248, 202, 86 | rgb(248,202,86) |
RGB Percent | 97.3, 79.2, 33.7 | rgb(97.3%,79.2%,33.7%) |
CMYK | 0, 19, 65, 3 | |
HSL | 43°, 92, 65.5 | hsl(43,92%,65.5%) |
HSV (or HSB) | 43°, 65.3, 97.3 | |
Web Safe | ffcc66 | #ffcc66 |
CIE-LAB | 83.375, 4.151, 62.185 |
---|---|
XYZ | 61.512, 62.872, 17.699 |
xyY | 0.433, 0.443, 62.872 |
CIE-LCH | 83.375, 62.324, 86.181 |
CIE-LUV | 83.375, 37.707, 72.239 |
Hunter-Lab | 79.292, -0.286, 42.27 |
Binary | 11111000, 11001010, 01010110 |
Color Schemes with #f8ca56
Alternatives to #f8ca56
Below, you can see some colors close to #f8ca56. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f8ca56 Preview
This text has a font color of #f8ca56.
<span style="color:#f8ca56;">Text here</span>
This paragraph has a background color of #f8ca56.
<p style="background-color:#f8ca56;">Content here</p>
This element has a border color of #f8ca56.
<div style="border:1px solid #f8ca56;">Content here</div>
.text {color:#f8ca56;}
.background {background-color:#f8ca56;}
.border {border:1px solid #f8ca56;}
Shades and Tints of #f8ca56
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, #010000 is the darkest color, while #fef9ed is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130e01
#130e01
rgb(19,14,1)
-
#261c02
#261c02
rgb(38,28,2)
-
#392a02
#392a02
rgb(57,42,2)
-
#4c3703
#4c3703
rgb(76,55,3)
-
#5f4504
#5f4504
rgb(95,69,4)
-
#725305
#725305
rgb(114,83,5)
-
#846005
#846005
rgb(132,96,5)
-
#976e06
#976e06
rgb(151,110,6)
-
#aa7c07
#aa7c07
rgb(170,124,7)
-
#bd8908
#bd8908
rgb(189,137,8)
-
#d09709
#d09709
rgb(208,151,9)
-
#e3a509
#e3a509
rgb(227,165,9)
-
#f5b20b
#f5b20b
rgb(245,178,11)
-
#f6b81d
#f6b81d
rgb(246,184,29)
-
#f6be30
#f6be30
rgb(246,190,48)
-
#f7c443
#f7c443
rgb(247,196,67)
-
#f8ca56
#f8ca56
rgb(248,202,86)
-
#f9d069
#f9d069
rgb(249,208,105)
-
#fad67c
#fad67c
rgb(250,214,124)
-
#fadc8f
#fadc8f
rgb(250,220,143)
-
#fbe2a1
#fbe2a1
rgb(251,226,161)
-
#fce8b4
#fce8b4
rgb(252,232,180)
-
#fdedc7
#fdedc7
rgb(253,237,199)
-
#fdf3da
#fdf3da
rgb(253,243,218)
-
#fef9ed
#fef9ed
rgb(254,249,237)
Tones of #f8ca56
A tone is produced by adding gray to any pure hue. In this case, #aeaaa0 is the less saturated color, while #ffcd4f is the most saturated one.
-
#aeaaa0
#aeaaa0
rgb(174,170,160)
-
#b4ad9a
#b4ad9a
rgb(180,173,154)
-
#bbb093
#bbb093
rgb(187,176,147)
-
#c2b38c
#c2b38c
rgb(194,179,140)
-
#c9b685
#c9b685
rgb(201,182,133)
-
#cfb87f
#cfb87f
rgb(207,184,127)
-
#d6bb78
#d6bb78
rgb(214,187,120)
-
#ddbe71
#ddbe71
rgb(221,190,113)
-
#e4c16a
#e4c16a
rgb(228,193,106)
-
#eac464
#eac464
rgb(234,196,100)
-
#f1c75d
#f1c75d
rgb(241,199,93)
-
#f8ca56
#f8ca56
rgb(248,202,86)
-
#ffcd4f
#ffcd4f
rgb(255,205,79)
Color Blindness Simulator
Below, you can see how #f8ca56 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.