#f33534 Color Information
In a RGB color space, hex #f33534 is composed of 95.3% red, 20.8% green and 20.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.2% magenta, 78.6% yellow and 4.7% black. It has a hue angle of 0.3 degrees, a saturation of 88.8% and a lightness of 57.8%. #f33534 color hex could be obtained by blending #ff6a68 with #e70000. Closest websafe color is: #ff3333.
-
- R 95
- G 21
- B 20
-
- C 0
- M 78
- Y 79
- K 5
● #f33534 color description : Bright red.
#f33534 Color Conversion
The hexadecimal color #f33534 has RGB values of R:243, G:53, B:52 and CMYK values of C:0, M:0.78, Y:0.79, K:0.05. Its decimal value is 15938868.
Hex triplet | f33534 | #f33534 |
---|---|---|
RGB Decimal | 243, 53, 52 | rgb(243,53,52) |
RGB Percent | 95.3, 20.8, 20.4 | rgb(95.3%,20.8%,20.4%) |
CMYK | 0, 78, 79, 5 | |
HSL | 0.3°, 88.8, 57.8 | hsl(0.3,88.8%,57.8%) |
HSV (or HSB) | 0.3°, 78.6, 95.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.871, 69.921, 46.893 |
---|---|
XYZ | 38.857, 21.854, 5.421 |
xyY | 0.588, 0.33, 21.854 |
CIE-LCH | 53.871, 84.19, 33.848 |
CIE-LUV | 53.871, 145.709, 31.723 |
Hunter-Lab | 46.748, 66.561, 25.848 |
Binary | 11110011, 00110101, 00110100 |
Color Schemes with #f33534
Alternatives to #f33534
Below, you can see some colors close to #f33534. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f33534 Preview
This text has a font color of #f33534.
<span style="color:#f33534;">Text here</span>
This paragraph has a background color of #f33534.
<p style="background-color:#f33534;">Content here</p>
This element has a border color of #f33534.
<div style="border:1px solid #f33534;">Content here</div>
.text {color:#f33534;}
.background {background-color:#f33534;}
.border {border:1px solid #f33534;}
Shades and Tints of #f33534
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, #010000 is the darkest color, while #feeded is the lightest one.
-
#010000
#010000
rgb(1,0,0)
-
#130101
#130101
rgb(19,1,1)
-
#260202
#260202
rgb(38,2,2)
-
#380403
#380403
rgb(56,4,3)
-
#4b0504
#4b0504
rgb(75,5,4)
-
#5d0606
#5d0606
rgb(93,6,6)
-
#700707
#700707
rgb(112,7,7)
-
#820808
#820808
rgb(130,8,8)
-
#950a09
#950a09
rgb(149,10,9)
-
#a70b0a
#a70b0a
rgb(167,11,10)
-
#ba0c0b
#ba0c0b
rgb(186,12,11)
-
#cc0d0c
#cc0d0c
rgb(204,13,12)
-
#df0e0d
#df0e0d
rgb(223,14,13)
-
#f1100f
#f1100f
rgb(241,16,15)
-
#f22321
#f22321
rgb(242,35,33)
-
#f33534
#f33534
rgb(243,53,52)
-
#f44747
#f44747
rgb(244,71,71)
-
#f55a59
#f55a59
rgb(245,90,89)
-
#f66c6c
#f66c6c
rgb(246,108,108)
-
#f77f7e
#f77f7e
rgb(247,127,126)
-
#f89191
#f89191
rgb(248,145,145)
-
#faa4a3
#faa4a3
rgb(250,164,163)
-
#fbb6b6
#fbb6b6
rgb(251,182,182)
-
#fcc8c8
#fcc8c8
rgb(252,200,200)
-
#fddbdb
#fddbdb
rgb(253,219,219)
-
#feeded
#feeded
rgb(254,237,237)
Tones of #f33534
A tone is produced by adding gray to any pure hue. In this case, #988f8f is the less saturated color, while #fb2d2c is the most saturated one.
-
#988f8f
#988f8f
rgb(152,143,143)
-
#a08787
#a08787
rgb(160,135,135)
-
#a97f7e
#a97f7e
rgb(169,127,126)
-
#b17676
#b17676
rgb(177,118,118)
-
#b96e6e
#b96e6e
rgb(185,110,110)
-
#c16666
#c16666
rgb(193,102,102)
-
#ca5e5d
#ca5e5d
rgb(202,94,93)
-
#d25655
#d25655
rgb(210,86,85)
-
#da4e4d
#da4e4d
rgb(218,78,77)
-
#e24545
#e24545
rgb(226,69,69)
-
#eb3d3c
#eb3d3c
rgb(235,61,60)
-
#f33534
#f33534
rgb(243,53,52)
-
#fb2d2c
#fb2d2c
rgb(251,45,44)
Color Blindness Simulator
Below, you can see how #f33534 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.