#f2a558 Color Information
In a RGB color space, hex #f2a558 is composed of 94.9% red, 64.7% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 63.6% yellow and 5.1% black. It has a hue angle of 30 degrees, a saturation of 85.6% and a lightness of 64.7%. #f2a558 color hex could be obtained by blending #ffffb0 with #e54b00. Closest websafe color is: #ff9966.
-
- R 95
- G 65
- B 35
-
- C 0
- M 32
- Y 64
- K 5
● #f2a558 color description : Soft orange.
#f2a558 Color Conversion
The hexadecimal color #f2a558 has RGB values of R:242, G:165, B:88 and CMYK values of C:0, M:0.32, Y:0.64, K:0.05. Its decimal value is 15902040.
Hex triplet | f2a558 | #f2a558 |
---|---|---|
RGB Decimal | 242, 165, 88 | rgb(242,165,88) |
RGB Percent | 94.9, 64.7, 34.5 | rgb(94.9%,64.7%,34.5%) |
CMYK | 0, 32, 64, 5 | |
HSL | 30°, 85.6, 64.7 | hsl(30,85.6%,64.7%) |
HSV (or HSB) | 30°, 63.6, 94.9 | |
Web Safe | ff9966 | #ff9966 |
CIE-LAB | 73.866, 21.155, 50.565 |
---|---|
XYZ | 51.836, 46.495, 15.476 |
xyY | 0.455, 0.409, 46.495 |
CIE-LCH | 73.866, 54.812, 67.297 |
CIE-LUV | 73.866, 60.246, 55.278 |
Hunter-Lab | 68.187, 16.366, 34.274 |
Binary | 11110010, 10100101, 01011000 |
Color Schemes with #f2a558
Alternatives to #f2a558
Below, you can see some colors close to #f2a558. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a558 Preview
This text has a font color of #f2a558.
<span style="color:#f2a558;">Text here</span>
This paragraph has a background color of #f2a558.
<p style="background-color:#f2a558;">Content here</p>
This element has a border color of #f2a558.
<div style="border:1px solid #f2a558;">Content here</div>
.text {color:#f2a558;}
.background {background-color:#f2a558;}
.border {border:1px solid #f2a558;}
Shades and Tints of #f2a558
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, #0f0801 is the darkest color, while #fffdfc is the lightest one.
-
#0f0801
#0f0801
rgb(15,8,1)
-
#211203
#211203
rgb(33,18,3)
-
#331c04
#331c04
rgb(51,28,4)
-
#462505
#462505
rgb(70,37,5)
-
#582f07
#582f07
rgb(88,47,7)
-
#6a3908
#6a3908
rgb(106,57,8)
-
#7c430a
#7c430a
rgb(124,67,10)
-
#8e4d0b
#8e4d0b
rgb(142,77,11)
-
#a1570d
#a1570d
rgb(161,87,13)
-
#b3600e
#b3600e
rgb(179,96,14)
-
#c56a0f
#c56a0f
rgb(197,106,15)
-
#d77411
#d77411
rgb(215,116,17)
-
#e97e12
#e97e12
rgb(233,126,18)
-
#ee8821
#ee8821
rgb(238,136,33)
-
#ef9134
#ef9134
rgb(239,145,52)
-
#f19b46
#f19b46
rgb(241,155,70)
-
#f2a558
#f2a558
rgb(242,165,88)
-
#f3af6a
#f3af6a
rgb(243,175,106)
-
#f5b97c
#f5b97c
rgb(245,185,124)
-
#f6c28f
#f6c28f
rgb(246,194,143)
-
#f8cca1
#f8cca1
rgb(248,204,161)
-
#f9d6b3
#f9d6b3
rgb(249,214,179)
-
#fbe0c5
#fbe0c5
rgb(251,224,197)
-
#fcead7
#fcead7
rgb(252,234,215)
-
#fdf3ea
#fdf3ea
rgb(253,243,234)
-
#fffdfc
#fffdfc
rgb(255,253,252)
Tones of #f2a558
A tone is produced by adding gray to any pure hue. In this case, #a6a5a4 is the less saturated color, while #f9a551 is the most saturated one.
-
#a6a5a4
#a6a5a4
rgb(166,165,164)
-
#ada59d
#ada59d
rgb(173,165,157)
-
#b4a596
#b4a596
rgb(180,165,150)
-
#bba58f
#bba58f
rgb(187,165,143)
-
#c2a588
#c2a588
rgb(194,165,136)
-
#c8a582
#c8a582
rgb(200,165,130)
-
#cfa57b
#cfa57b
rgb(207,165,123)
-
#d6a574
#d6a574
rgb(214,165,116)
-
#dda56d
#dda56d
rgb(221,165,109)
-
#e4a566
#e4a566
rgb(228,165,102)
-
#eba55f
#eba55f
rgb(235,165,95)
-
#f2a558
#f2a558
rgb(242,165,88)
-
#f9a551
#f9a551
rgb(249,165,81)
Color Blindness Simulator
Below, you can see how #f2a558 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.