#f7a145 Color Information
In a RGB color space, hex #f7a145 is composed of 96.9% red, 63.1% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 34.8% magenta, 72.1% yellow and 3.1% black. It has a hue angle of 31 degrees, a saturation of 91.8% and a lightness of 62%. #f7a145 color hex could be obtained by blending #ffff8a with #ef4300. Closest websafe color is: #ff9933.
-
- R 97
- G 63
- B 27
-
- C 0
- M 35
- Y 72
- K 3
● #f7a145 color description : Bright orange.
#f7a145 Color Conversion
The hexadecimal color #f7a145 has RGB values of R:247, G:161, B:69 and CMYK values of C:0, M:0.35, Y:0.72, K:0.03. Its decimal value is 16228677.
Hex triplet | f7a145 | #f7a145 |
---|---|---|
RGB Decimal | 247, 161, 69 | rgb(247,161,69) |
RGB Percent | 96.9, 63.1, 27.1 | rgb(96.9%,63.1%,27.1%) |
CMYK | 0, 35, 72, 3 | |
HSL | 31°, 91.8, 62 | hsl(31,91.8%,62%) |
HSV (or HSB) | 31°, 72.1, 96.9 | |
Web Safe | ff9933 | #ff9933 |
CIE-LAB | 73.349, 24.282, 58.959 |
---|---|
XYZ | 52.178, 45.697, 11.702 |
xyY | 0.476, 0.417, 45.697 |
CIE-LCH | 73.349, 63.764, 67.616 |
CIE-LUV | 73.349, 68.896, 60.922 |
Hunter-Lab | 67.6, 19.479, 37.056 |
Binary | 11110111, 10100001, 01000101 |
Color Schemes with #f7a145
Alternatives to #f7a145
Below, you can see some colors close to #f7a145. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f7a145 Preview
This text has a font color of #f7a145.
<span style="color:#f7a145;">Text here</span>
This paragraph has a background color of #f7a145.
<p style="background-color:#f7a145;">Content here</p>
This element has a border color of #f7a145.
<div style="border:1px solid #f7a145;">Content here</div>
.text {color:#f7a145;}
.background {background-color:#f7a145;}
.border {border:1px solid #f7a145;}
Shades and Tints of #f7a145
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, #020100 is the darkest color, while #fef7ee is the lightest one.
-
#020100
#020100
rgb(2,1,0)
-
#150b01
#150b01
rgb(21,11,1)
-
#281502
#281502
rgb(40,21,2)
-
#3a1f03
#3a1f03
rgb(58,31,3)
-
#4d2a03
#4d2a03
rgb(77,42,3)
-
#603404
#603404
rgb(96,52,4)
-
#733e05
#733e05
rgb(115,62,5)
-
#864806
#864806
rgb(134,72,6)
-
#995207
#995207
rgb(153,82,7)
-
#ab5c07
#ab5c07
rgb(171,92,7)
-
#be6608
#be6608
rgb(190,102,8)
-
#d17009
#d17009
rgb(209,112,9)
-
#e47a0a
#e47a0a
rgb(228,122,10)
-
#f5840d
#f5840d
rgb(245,132,13)
-
#f58e1f
#f58e1f
rgb(245,142,31)
-
#f69732
#f69732
rgb(246,151,50)
-
#f7a145
#f7a145
rgb(247,161,69)
-
#f8ab58
#f8ab58
rgb(248,171,88)
-
#f9b46b
#f9b46b
rgb(249,180,107)
-
#f9be7d
#f9be7d
rgb(249,190,125)
-
#fac790
#fac790
rgb(250,199,144)
-
#fbd1a3
#fbd1a3
rgb(251,209,163)
-
#fcdab6
#fcdab6
rgb(252,218,182)
-
#fde4c9
#fde4c9
rgb(253,228,201)
-
#fdeddb
#fdeddb
rgb(253,237,219)
-
#fef7ee
#fef7ee
rgb(254,247,238)
Tones of #f7a145
A tone is produced by adding gray to any pure hue. In this case, #a59e97 is the less saturated color, while #fea13e is the most saturated one.
-
#a59e97
#a59e97
rgb(165,158,151)
-
#ac9e90
#ac9e90
rgb(172,158,144)
-
#b49f88
#b49f88
rgb(180,159,136)
-
#bb9f81
#bb9f81
rgb(187,159,129)
-
#c39f79
#c39f79
rgb(195,159,121)
-
#ca9f72
#ca9f72
rgb(202,159,114)
-
#d2a06a
#d2a06a
rgb(210,160,106)
-
#d9a063
#d9a063
rgb(217,160,99)
-
#e1a05b
#e1a05b
rgb(225,160,91)
-
#e8a054
#e8a054
rgb(232,160,84)
-
#f0a14c
#f0a14c
rgb(240,161,76)
-
#f7a145
#f7a145
rgb(247,161,69)
-
#fea13e
#fea13e
rgb(254,161,62)
Color Blindness Simulator
Below, you can see how #f7a145 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.