#f15300 Color Information
In a RGB color space, hex #f15300 is composed of 94.5% red, 32.5% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 100% yellow and 5.5% black. It has a hue angle of 20.7 degrees, a saturation of 100% and a lightness of 47.3%. #f15300 color hex could be obtained by blending #ffa600 with #e30000. Closest websafe color is: #ff6600.
-
- R 95
- G 33
- B 0
-
- C 0
- M 66
- Y 100
- K 5
● #f15300 color description : Pure (or mostly pure) orange.
#f15300 Color Conversion
The hexadecimal color #f15300 has RGB values of R:241, G:83, B:0 and CMYK values of C:0, M:0.66, Y:1, K:0.05. Its decimal value is 15815424.
Hex triplet | f15300 | #f15300 |
---|---|---|
RGB Decimal | 241, 83, 0 | rgb(241,83,0) |
RGB Percent | 94.5, 32.5, 0 | rgb(94.5%,32.5%,0%) |
CMYK | 0, 66, 100, 5 | |
HSL | 20.7°, 100, 47.3 | hsl(20.7,100%,47.3%) |
HSV (or HSB) | 20.7°, 100, 94.5 | |
Web Safe | ff6600 | #ff6600 |
CIE-LAB | 56.97, 58.194, 67.262 |
---|---|
XYZ | 39.371, 24.892, 2.732 |
xyY | 0.588, 0.372, 24.892 |
CIE-LCH | 56.97, 88.942, 49.134 |
CIE-LUV | 56.97, 130.555, 47.299 |
Hunter-Lab | 49.892, 53.548, 31.678 |
Binary | 11110001, 01010011, 00000000 |
Color Schemes with #f15300
Alternatives to #f15300
Below, you can see some colors close to #f15300. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f15300 Preview
This text has a font color of #f15300.
<span style="color:#f15300;">Text here</span>
This paragraph has a background color of #f15300.
<p style="background-color:#f15300;">Content here</p>
This element has a border color of #f15300.
<div style="border:1px solid #f15300;">Content here</div>
.text {color:#f15300;}
.background {background-color:#f15300;}
.border {border:1px solid #f15300;}
Shades and Tints of #f15300
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, #060200 is the darkest color, while #fff6f1 is the lightest one.
-
#060200
#060200
rgb(6,2,0)
-
#190900
#190900
rgb(25,9,0)
-
#2d0f00
#2d0f00
rgb(45,15,0)
-
#401600
#401600
rgb(64,22,0)
-
#541d00
#541d00
rgb(84,29,0)
-
#682400
#682400
rgb(104,36,0)
-
#7b2a00
#7b2a00
rgb(123,42,0)
-
#8f3100
#8f3100
rgb(143,49,0)
-
#a33800
#a33800
rgb(163,56,0)
-
#b63f00
#b63f00
rgb(182,63,0)
-
#ca4500
#ca4500
rgb(202,69,0)
-
#dd4c00
#dd4c00
rgb(221,76,0)
-
#f15300
#f15300
rgb(241,83,0)
-
#ff5c06
#ff5c06
rgb(255,92,6)
-
#ff6819
#ff6819
rgb(255,104,25)
-
#ff752d
#ff752d
rgb(255,117,45)
-
#ff8240
#ff8240
rgb(255,130,64)
-
#ff8f54
#ff8f54
rgb(255,143,84)
-
#ff9c68
#ff9c68
rgb(255,156,104)
-
#ffa97b
#ffa97b
rgb(255,169,123)
-
#ffb68f
#ffb68f
rgb(255,182,143)
-
#ffc2a3
#ffc2a3
rgb(255,194,163)
-
#ffcfb6
#ffcfb6
rgb(255,207,182)
-
#ffdcca
#ffdcca
rgb(255,220,202)
-
#ffe9dd
#ffe9dd
rgb(255,233,221)
-
#fff6f1
#fff6f1
rgb(255,246,241)
Tones of #f15300
A tone is produced by adding gray to any pure hue. In this case, #82766f is the less saturated color, while #f15300 is the most saturated one.
-
#82766f
#82766f
rgb(130,118,111)
-
#8b7366
#8b7366
rgb(139,115,102)
-
#94705d
#94705d
rgb(148,112,93)
-
#9e6d53
#9e6d53
rgb(158,109,83)
-
#a76a4a
#a76a4a
rgb(167,106,74)
-
#b06741
#b06741
rgb(176,103,65)
-
#b96438
#b96438
rgb(185,100,56)
-
#c3612e
#c3612e
rgb(195,97,46)
-
#cc5f25
#cc5f25
rgb(204,95,37)
-
#d55c1c
#d55c1c
rgb(213,92,28)
-
#de5913
#de5913
rgb(222,89,19)
-
#e85609
#e85609
rgb(232,86,9)
-
#f15300
#f15300
rgb(241,83,0)
Color Blindness Simulator
Below, you can see how #f15300 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.