#f2a545 Color Information
In a RGB color space, hex #f2a545 is composed of 94.9% red, 64.7% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 33.3 degrees, a saturation of 86.9% and a lightness of 61%. #f2a545 color hex could be obtained by blending #ffff8a with #e54b00. Closest websafe color is: #ff9933.
-
- R 95
- G 65
- B 27
-
- C 0
- M 32
- Y 71
- K 5
● #f2a545 color description : Bright orange.
#f2a545 Color Conversion
The hexadecimal color #f2a545 has RGB values of R:242, G:165, B:69 and CMYK values of C:0, M:0.32, Y:0.71, K:0.05. Its decimal value is 15902021.
Hex triplet | f2a545 | #f2a545 |
---|---|---|
RGB Decimal | 242, 165, 69 | rgb(242,165,69) |
RGB Percent | 94.9, 64.7, 27.1 | rgb(94.9%,64.7%,27.1%) |
CMYK | 0, 32, 71, 5 | |
HSL | 33.3°, 86.9, 61 | hsl(33.3,86.9%,61%) |
HSV (or HSB) | 33.3°, 71.5, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.688, 20.106, 59.127 |
---|---|
XYZ | 51.148, 46.22, 11.858 |
xyY | 0.468, 0.423, 46.22 |
CIE-LCH | 73.688, 62.452, 71.219 |
CIE-LUV | 73.688, 61.74, 62.226 |
Hunter-Lab | 67.986, 15.318, 37.249 |
Binary | 11110010, 10100101, 01000101 |
Color Schemes with #f2a545
Alternatives to #f2a545
Below, you can see some colors close to #f2a545. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a545 Preview
This text has a font color of #f2a545.
<span style="color:#f2a545;">Text here</span>
This paragraph has a background color of #f2a545.
<p style="background-color:#f2a545;">Content here</p>
This element has a border color of #f2a545.
<div style="border:1px solid #f2a545;">Content here</div>
.text {color:#f2a545;}
.background {background-color:#f2a545;}
.border {border:1px solid #f2a545;}
Shades and Tints of #f2a545
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, #100901 is the darkest color, while #fffefc is the lightest one.
-
#100901
#100901
rgb(16,9,1)
-
#221402
#221402
rgb(34,20,2)
-
#341f04
#341f04
rgb(52,31,4)
-
#472905
#472905
rgb(71,41,5)
-
#593406
#593406
rgb(89,52,6)
-
#6b3f08
#6b3f08
rgb(107,63,8)
-
#7e4a09
#7e4a09
rgb(126,74,9)
-
#90540a
#90540a
rgb(144,84,10)
-
#a25f0b
#a25f0b
rgb(162,95,11)
-
#b56a0d
#b56a0d
rgb(181,106,13)
-
#c7750e
#c7750e
rgb(199,117,14)
-
#d97f0f
#d97f0f
rgb(217,127,15)
-
#ec8a10
#ec8a10
rgb(236,138,16)
-
#ef9320
#ef9320
rgb(239,147,32)
-
#f19c33
#f19c33
rgb(241,156,51)
-
#f2a545
#f2a545
rgb(242,165,69)
-
#f3ae57
#f3ae57
rgb(243,174,87)
-
#f5b76a
#f5b76a
rgb(245,183,106)
-
#f6c07c
#f6c07c
rgb(246,192,124)
-
#f7c88e
#f7c88e
rgb(247,200,142)
-
#f8d1a1
#f8d1a1
rgb(248,209,161)
-
#fadab3
#fadab3
rgb(250,218,179)
-
#fbe3c5
#fbe3c5
rgb(251,227,197)
-
#fcecd8
#fcecd8
rgb(252,236,216)
-
#fef5ea
#fef5ea
rgb(254,245,234)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f2a545
A tone is produced by adding gray to any pure hue. In this case, #9e9c99 is the less saturated color, while #faa63d is the most saturated one.
-
#9e9c99
#9e9c99
rgb(158,156,153)
-
#a59d92
#a59d92
rgb(165,157,146)
-
#ad9d8a
#ad9d8a
rgb(173,157,138)
-
#b59e82
#b59e82
rgb(181,158,130)
-
#bc9f7b
#bc9f7b
rgb(188,159,123)
-
#c4a073
#c4a073
rgb(196,160,115)
-
#cca16b
#cca16b
rgb(204,161,107)
-
#d3a264
#d3a264
rgb(211,162,100)
-
#dba25c
#dba25c
rgb(219,162,92)
-
#e3a354
#e3a354
rgb(227,163,84)
-
#eaa44d
#eaa44d
rgb(234,164,77)
-
#f2a545
#f2a545
rgb(242,165,69)
-
#faa63d
#faa63d
rgb(250,166,61)
Color Blindness Simulator
Below, you can see how #f2a545 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.