#f85530 Color Information
In a RGB color space, hex #f85530 is composed of 97.3% red, 33.3% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 65.7% magenta, 80.6% yellow and 2.7% black. It has a hue angle of 11.1 degrees, a saturation of 93.5% and a lightness of 58%. #f85530 color hex could be obtained by blending #ffaa60 with #f10000. Closest websafe color is: #ff6633.
-
- R 97
- G 33
- B 19
-
- C 0
- M 66
- Y 81
- K 3
● #f85530 color description : Bright red.
#f85530 Color Conversion
The hexadecimal color #f85530 has RGB values of R:248, G:85, B:48 and CMYK values of C:0, M:0.66, Y:0.81, K:0.03. Its decimal value is 16274736.
Hex triplet | f85530 | #f85530 |
---|---|---|
RGB Decimal | 248, 85, 48 | rgb(248,85,48) |
RGB Percent | 97.3, 33.3, 18.8 | rgb(97.3%,33.3%,18.8%) |
CMYK | 0, 66, 81, 3 | |
HSL | 11.1°, 93.5, 58 | hsl(11.1,93.5%,58%) |
HSV (or HSB) | 11.1°, 80.6, 97.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 58.669, 60.479, 53.894 |
---|---|
XYZ | 42.495, 26.672, 5.707 |
xyY | 0.568, 0.356, 26.672 |
CIE-LCH | 58.669, 81.008, 41.704 |
CIE-LUV | 58.669, 131.134, 41.073 |
Hunter-Lab | 51.645, 56.499, 29.6 |
Binary | 11111000, 01010101, 00110000 |
Color Schemes with #f85530
Alternatives to #f85530
Below, you can see some colors close to #f85530. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f85530 Preview
This text has a font color of #f85530.
<span style="color:#f85530;">Text here</span>
This paragraph has a background color of #f85530.
<p style="background-color:#f85530;">Content here</p>
This element has a border color of #f85530.
<div style="border:1px solid #f85530;">Content here</div>
.text {color:#f85530;}
.background {background-color:#f85530;}
.border {border:1px solid #f85530;}
Shades and Tints of #f85530
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, #020000 is the darkest color, while #fef1ee is the lightest one.
-
#020000
#020000
rgb(2,0,0)
-
#150401
#150401
rgb(21,4,1)
-
#280801
#280801
rgb(40,8,1)
-
#3b0c02
#3b0c02
rgb(59,12,2)
-
#4e1003
#4e1003
rgb(78,16,3)
-
#611503
#611503
rgb(97,21,3)
-
#741904
#741904
rgb(116,25,4)
-
#871d05
#871d05
rgb(135,29,5)
-
#9a2105
#9a2105
rgb(154,33,5)
-
#ac2506
#ac2506
rgb(172,37,6)
-
#bf2906
#bf2906
rgb(191,41,6)
-
#d22d07
#d22d07
rgb(210,45,7)
-
#e53108
#e53108
rgb(229,49,8)
-
#f7360a
#f7360a
rgb(247,54,10)
-
#f7451d
#f7451d
rgb(247,69,29)
-
#f85530
#f85530
rgb(248,85,48)
-
#f96543
#f96543
rgb(249,101,67)
-
#f97456
#f97456
rgb(249,116,86)
-
#fa8469
#fa8469
rgb(250,132,105)
-
#fb937c
#fb937c
rgb(251,147,124)
-
#fba38f
#fba38f
rgb(251,163,143)
-
#fcb2a2
#fcb2a2
rgb(252,178,162)
-
#fcc2b5
#fcc2b5
rgb(252,194,181)
-
#fdd2c8
#fdd2c8
rgb(253,210,200)
-
#fee1db
#fee1db
rgb(254,225,219)
-
#fef1ee
#fef1ee
rgb(254,241,238)
Tones of #f85530
A tone is produced by adding gray to any pure hue. In this case, #959393 is the less saturated color, while #f85530 is the most saturated one.
-
#959393
#959393
rgb(149,147,147)
-
#9d8e8b
#9d8e8b
rgb(157,142,139)
-
#a68982
#a68982
rgb(166,137,130)
-
#ae847a
#ae847a
rgb(174,132,122)
-
#b67e72
#b67e72
rgb(182,126,114)
-
#be796a
#be796a
rgb(190,121,106)
-
#c77461
#c77461
rgb(199,116,97)
-
#cf6f59
#cf6f59
rgb(207,111,89)
-
#d76a51
#d76a51
rgb(215,106,81)
-
#df6549
#df6549
rgb(223,101,73)
-
#e85f40
#e85f40
rgb(232,95,64)
-
#f05a38
#f05a38
rgb(240,90,56)
-
#f85530
#f85530
rgb(248,85,48)
Color Blindness Simulator
Below, you can see how #f85530 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.