#f15304 Color Information
In a RGB color space, hex #f15304 is composed of 94.5% red, 32.5% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.6% magenta, 98.3% yellow and 5.5% black. It has a hue angle of 20 degrees, a saturation of 96.7% and a lightness of 48%. #f15304 color hex could be obtained by blending #ffa608 with #e30000. Closest websafe color is: #ff6600.
-
- R 95
- G 33
- B 2
-
- C 0
- M 66
- Y 98
- K 5
● #f15304 color description : Vivid orange.
#f15304 Color Conversion
The hexadecimal color #f15304 has RGB values of R:241, G:83, B:4 and CMYK values of C:0, M:0.66, Y:0.98, K:0.05. Its decimal value is 15815428.
| Hex triplet | f15304 | #f15304 |
|---|---|---|
| RGB Decimal | 241, 83, 4 | rgb(241,83,4) |
| RGB Percent | 94.5, 32.5, 1.6 | rgb(94.5%,32.5%,1.6%) |
| CMYK | 0, 66, 98, 5 | |
| HSL | 20°, 96.7, 48 | hsl(20,96.7%,48%) |
| HSV (or HSB) | 20°, 98.3, 94.5 | |
| Web Safe | ff6600 | #ff6600 |
| CIE-LAB | 56.978, 58.226, 66.464 |
|---|---|
| XYZ | 39.393, 24.901, 2.847 |
| xyY | 0.587, 0.371, 24.901 |
| CIE-LCH | 56.978, 88.361, 48.78 |
| CIE-LUV | 56.978, 130.4, 46.978 |
| Hunter-Lab | 49.901, 53.587, 31.548 |
| Binary | 11110001, 01010011, 00000100 |
Color Schemes with #f15304
Alternatives to #f15304
Below, you can see some colors close to #f15304. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f15304 Preview
This text has a font color of #f15304.
<span style="color:#f15304;">Text here</span>
This paragraph has a background color of #f15304.
<p style="background-color:#f15304;">Content here</p>
This element has a border color of #f15304.
<div style="border:1px solid #f15304;">Content here</div>
.text {color:#f15304;}
.background {background-color:#f15304;}
.border {border:1px solid #f15304;}
Shades and Tints of #f15304
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, #090300 is the darkest color, while #fff8f5 is the lightest one.
-
#090300
#090300rgb(9,3,0) -
#1d0a00
#1d0a00rgb(29,10,0) -
#301101
#301101rgb(48,17,1) -
#431701
#431701rgb(67,23,1) -
#571e01
#571e01rgb(87,30,1) -
#6a2402
#6a2402rgb(106,36,2) -
#7d2b02
#7d2b02rgb(125,43,2) -
#913202
#913202rgb(145,50,2) -
#a43803
#a43803rgb(164,56,3) -
#b73f03
#b73f03rgb(183,63,3) -
#ca4603
#ca4603rgb(202,70,3) -
#de4c04
#de4c04rgb(222,76,4) -
#f15304
#f15304rgb(241,83,4)
-
#fb5d0e
#fb5d0ergb(251,93,14) -
#fb6a21
#fb6a21rgb(251,106,33) -
#fc7734
#fc7734rgb(252,119,52) -
#fc8448
#fc8448rgb(252,132,72) -
#fc915b
#fc915brgb(252,145,91) -
#fd9e6e
#fd9e6ergb(253,158,110) -
#fdab81
#fdab81rgb(253,171,129) -
#fdb895
#fdb895rgb(253,184,149) -
#fec5a8
#fec5a8rgb(254,197,168) -
#fed1bb
#fed1bbrgb(254,209,187) -
#fedecf
#fedecfrgb(254,222,207) -
#ffebe2
#ffebe2rgb(255,235,226) -
#fff8f5
#fff8f5rgb(255,248,245)
Tones of #f15304
A tone is produced by adding gray to any pure hue. In this case, #807975 is the less saturated color, while #f15304 is the most saturated one.
-
#807975
#807975rgb(128,121,117) -
#89766c
#89766crgb(137,118,108) -
#937262
#937262rgb(147,114,98) -
#9c6f59
#9c6f59rgb(156,111,89) -
#a66c4f
#a66c4frgb(166,108,79) -
#af6946
#af6946rgb(175,105,70) -
#b8663d
#b8663drgb(184,102,61) -
#c26333
#c26333rgb(194,99,51) -
#cb602a
#cb602argb(203,96,42) -
#d55c20
#d55c20rgb(213,92,32) -
#de5917
#de5917rgb(222,89,23) -
#e8560d
#e8560drgb(232,86,13) -
#f15304
#f15304rgb(241,83,4)
Color Blindness Simulator
Below, you can see how #f15304 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.
