#f3522c Color Information
In a RGB color space, hex #f3522c is composed of 95.3% red, 32.2% green and 17.3% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 66.3% magenta, 81.9% yellow and 4.7% black. It has a hue angle of 11.5 degrees, a saturation of 89.2% and a lightness of 56.3%. #f3522c color hex could be obtained by blending #ffa458 with #e70000. Closest websafe color is: #ff6633.
-
- R 95
- G 32
- B 17
-
- C 0
- M 66
- Y 82
- K 5
● #f3522c color description : Bright red.
#f3522c Color Conversion
The hexadecimal color #f3522c has RGB values of R:243, G:82, B:44 and CMYK values of C:0, M:0.66, Y:0.82, K:0.05. Its decimal value is 15946284.
Hex triplet | f3522c | #f3522c |
---|---|---|
RGB Decimal | 243, 82, 44 | rgb(243,82,44) |
RGB Percent | 95.3, 32.2, 17.3 | rgb(95.3%,32.2%,17.3%) |
CMYK | 0, 66, 82, 5 | |
HSL | 11.5°, 89.2, 56.3 | hsl(11.5,89.2%,56.3%) |
HSV (or HSB) | 11.5°, 81.9, 95.3 | |
Web Safe | ff6633 | #ff6633 |
CIE-LAB | 57.343, 59.917, 54.208 |
---|---|
XYZ | 40.436, 25.276, 5.132 |
xyY | 0.571, 0.357, 25.276 |
CIE-LCH | 57.343, 80.799, 42.136 |
CIE-LUV | 57.343, 129.719, 40.738 |
Hunter-Lab | 50.275, 55.585, 29.14 |
Binary | 11110011, 01010010, 00101100 |
Color Schemes with #f3522c
Alternatives to #f3522c
Below, you can see some colors close to #f3522c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f3522c Preview
This text has a font color of #f3522c.
<span style="color:#f3522c;">Text here</span>
This paragraph has a background color of #f3522c.
<p style="background-color:#f3522c;">Content here</p>
This element has a border color of #f3522c.
<div style="border:1px solid #f3522c;">Content here</div>
.text {color:#f3522c;}
.background {background-color:#f3522c;}
.border {border:1px solid #f3522c;}
Shades and Tints of #f3522c
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, #0c0301 is the darkest color, while #fff9f8 is the lightest one.
-
#0c0301
#0c0301
rgb(12,3,1)
-
#1e0702
#1e0702
rgb(30,7,2)
-
#310c03
#310c03
rgb(49,12,3)
-
#431004
#431004
rgb(67,16,4)
-
#561405
#561405
rgb(86,20,5)
-
#691906
#691906
rgb(105,25,6)
-
#7b1d07
#7b1d07
rgb(123,29,7)
-
#8e2208
#8e2208
rgb(142,34,8)
-
#a02609
#a02609
rgb(160,38,9)
-
#b32a0a
#b32a0a
rgb(179,42,10)
-
#c52f0b
#c52f0b
rgb(197,47,11)
-
#d8330c
#d8330c
rgb(216,51,12)
-
#ea380d
#ea380d
rgb(234,56,13)
-
#f24319
#f24319
rgb(242,67,25)
-
#f3522c
#f3522c
rgb(243,82,44)
-
#f4613f
#f4613f
rgb(244,97,63)
-
#f57051
#f57051
rgb(245,112,81)
-
#f68064
#f68064
rgb(246,128,100)
-
#f78f76
#f78f76
rgb(247,143,118)
-
#f89e89
#f89e89
rgb(248,158,137)
-
#f9ad9b
#f9ad9b
rgb(249,173,155)
-
#fabdae
#fabdae
rgb(250,189,174)
-
#fbccc0
#fbccc0
rgb(251,204,192)
-
#fcdbd3
#fcdbd3
rgb(252,219,211)
-
#feeae6
#feeae6
rgb(254,234,230)
-
#fff9f8
#fff9f8
rgb(255,249,248)
Tones of #f3522c
A tone is produced by adding gray to any pure hue. In this case, #958c8a is the less saturated color, while #fc4d23 is the most saturated one.
-
#958c8a
#958c8a
rgb(149,140,138)
-
#9d8782
#9d8782
rgb(157,135,130)
-
#a68279
#a68279
rgb(166,130,121)
-
#ae7c71
#ae7c71
rgb(174,124,113)
-
#b77768
#b77768
rgb(183,119,104)
-
#c0725f
#c0725f
rgb(192,114,95)
-
#c86d57
#c86d57
rgb(200,109,87)
-
#d1674e
#d1674e
rgb(209,103,78)
-
#d96246
#d96246
rgb(217,98,70)
-
#e25d3d
#e25d3d
rgb(226,93,61)
-
#ea5735
#ea5735
rgb(234,87,53)
-
#f3522c
#f3522c
rgb(243,82,44)
-
#fc4d23
#fc4d23
rgb(252,77,35)
Color Blindness Simulator
Below, you can see how #f3522c 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.