#f2a245 Color Information
In a RGB color space, hex #f2a245 is composed of 94.9% red, 63.5% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 33.1% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 32.3 degrees, a saturation of 86.9% and a lightness of 61%. #f2a245 color hex could be obtained by blending #ffff8a with #e54500. Closest websafe color is: #ff9933.
-
- R 95
- G 64
- B 27
-
- C 0
- M 33
- Y 71
- K 5
● #f2a245 color description : Bright orange.
#f2a245 Color Conversion
The hexadecimal color #f2a245 has RGB values of R:242, G:162, B:69 and CMYK values of C:0, M:0.33, Y:0.71, K:0.05. Its decimal value is 15901253.
Hex triplet | f2a245 | #f2a245 |
---|---|---|
RGB Decimal | 242, 162, 69 | rgb(242,162,69) |
RGB Percent | 94.9, 63.5, 27.1 | rgb(94.9%,63.5%,27.1%) |
CMYK | 0, 33, 71, 5 | |
HSL | 32.3°, 86.9, 61 | hsl(32.3,86.9%,61%) |
HSV (or HSB) | 32.3°, 71.5, 94.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 72.991, 21.689, 58.406 |
---|---|
XYZ | 50.614, 45.151, 11.679 |
xyY | 0.471, 0.42, 45.151 |
CIE-LCH | 72.991, 62.303, 69.627 |
CIE-LUV | 72.991, 64.078, 61.016 |
Hunter-Lab | 67.194, 16.863, 36.731 |
Binary | 11110010, 10100010, 01000101 |
Color Schemes with #f2a245
Alternatives to #f2a245
Below, you can see some colors close to #f2a245. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f2a245 Preview
This text has a font color of #f2a245.
<span style="color:#f2a245;">Text here</span>
This paragraph has a background color of #f2a245.
<p style="background-color:#f2a245;">Content here</p>
This element has a border color of #f2a245.
<div style="border:1px solid #f2a245;">Content here</div>
.text {color:#f2a245;}
.background {background-color:#f2a245;}
.border {border:1px solid #f2a245;}
Shades and Tints of #f2a245
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)
-
#221302
#221302
rgb(34,19,2)
-
#341e04
#341e04
rgb(52,30,4)
-
#472805
#472805
rgb(71,40,5)
-
#593306
#593306
rgb(89,51,6)
-
#6b3d08
#6b3d08
rgb(107,61,8)
-
#7e4809
#7e4809
rgb(126,72,9)
-
#90520a
#90520a
rgb(144,82,10)
-
#a25d0b
#a25d0b
rgb(162,93,11)
-
#b5670d
#b5670d
rgb(181,103,13)
-
#c7710e
#c7710e
rgb(199,113,14)
-
#d97c0f
#d97c0f
rgb(217,124,15)
-
#ec8610
#ec8610
rgb(236,134,16)
-
#ef9020
#ef9020
rgb(239,144,32)
-
#f19933
#f19933
rgb(241,153,51)
-
#f2a245
#f2a245
rgb(242,162,69)
-
#f3ab57
#f3ab57
rgb(243,171,87)
-
#f5b46a
#f5b46a
rgb(245,180,106)
-
#f6be7c
#f6be7c
rgb(246,190,124)
-
#f7c78e
#f7c78e
rgb(247,199,142)
-
#f8d0a1
#f8d0a1
rgb(248,208,161)
-
#fad9b3
#fad9b3
rgb(250,217,179)
-
#fbe2c5
#fbe2c5
rgb(251,226,197)
-
#fcebd8
#fcebd8
rgb(252,235,216)
-
#fef5ea
#fef5ea
rgb(254,245,234)
-
#fffefc
#fffefc
rgb(255,254,252)
Tones of #f2a245
A tone is produced by adding gray to any pure hue. In this case, #9e9c99 is the less saturated color, while #faa33d is the most saturated one.
-
#9e9c99
#9e9c99
rgb(158,156,153)
-
#a59c92
#a59c92
rgb(165,156,146)
-
#ad9d8a
#ad9d8a
rgb(173,157,138)
-
#b59d82
#b59d82
rgb(181,157,130)
-
#bc9e7b
#bc9e7b
rgb(188,158,123)
-
#c49f73
#c49f73
rgb(196,159,115)
-
#cc9f6b
#cc9f6b
rgb(204,159,107)
-
#d3a064
#d3a064
rgb(211,160,100)
-
#dba05c
#dba05c
rgb(219,160,92)
-
#e3a154
#e3a154
rgb(227,161,84)
-
#eaa14d
#eaa14d
rgb(234,161,77)
-
#f2a245
#f2a245
rgb(242,162,69)
-
#faa33d
#faa33d
rgb(250,163,61)
Color Blindness Simulator
Below, you can see how #f2a245 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.