#f83421 Color Information
In a RGB color space, hex #f83421 is composed of 97.3% red, 20.4% green and 12.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79% magenta, 86.7% yellow and 2.7% black. It has a hue angle of 5.3 degrees, a saturation of 93.9% and a lightness of 55.1%. #f83421 color hex could be obtained by blending #ff6842 with #f10000. Closest websafe color is: #ff3333.
-
- R 97
- G 20
- B 13
-
- C 0
- M 79
- Y 87
- K 3
● #f83421 color description : Vivid red.
#f83421 Color Conversion
The hexadecimal color #f83421 has RGB values of R:248, G:52, B:33 and CMYK values of C:0, M:0.79, Y:0.87, K:0.03. Its decimal value is 16266273.
Hex triplet | f83421 | #f83421 |
---|---|---|
RGB Decimal | 248, 52, 33 | rgb(248,52,33) |
RGB Percent | 97.3, 20.4, 12.9 | rgb(97.3%,20.4%,12.9%) |
CMYK | 0, 79, 87, 3 | |
HSL | 5.3°, 93.9, 55.1 | hsl(5.3,93.9%,55.1%) |
HSV (or HSB) | 5.3°, 86.7, 97.3 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 54.582, 71.135, 57.091 |
---|---|
XYZ | 40.216, 22.527, 3.669 |
xyY | 0.606, 0.339, 22.527 |
CIE-LCH | 54.582, 91.212, 38.75 |
CIE-LUV | 54.582, 152.947, 37.381 |
Hunter-Lab | 47.463, 68.185, 28.64 |
Binary | 11111000, 00110100, 00100001 |
Color Schemes with #f83421
Alternatives to #f83421
Below, you can see some colors close to #f83421. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f83421 Preview
This text has a font color of #f83421.
<span style="color:#f83421;">Text here</span>
This paragraph has a background color of #f83421.
<p style="background-color:#f83421;">Content here</p>
This element has a border color of #f83421.
<div style="border:1px solid #f83421;">Content here</div>
.text {color:#f83421;}
.background {background-color:#f83421;}
.border {border:1px solid #f83421;}
Shades and Tints of #f83421
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, #060100 is the darkest color, while #fff3f2 is the lightest one.
-
#060100
#060100
rgb(6,1,0)
-
#190301
#190301
rgb(25,3,1)
-
#2c0501
#2c0501
rgb(44,5,1)
-
#3f0702
#3f0702
rgb(63,7,2)
-
#520a03
#520a03
rgb(82,10,3)
-
#650c03
#650c03
rgb(101,12,3)
-
#780e04
#780e04
rgb(120,14,4)
-
#8b1004
#8b1004
rgb(139,16,4)
-
#9e1305
#9e1305
rgb(158,19,5)
-
#b11506
#b11506
rgb(177,21,6)
-
#c41706
#c41706
rgb(196,23,6)
-
#d71907
#d71907
rgb(215,25,7)
-
#ea1b07
#ea1b07
rgb(234,27,7)
-
#f7230e
#f7230e
rgb(247,35,14)
-
#f83421
#f83421
rgb(248,52,33)
-
#f94534
#f94534
rgb(249,69,52)
-
#f95747
#f95747
rgb(249,87,71)
-
#fa685a
#fa685a
rgb(250,104,90)
-
#fa7a6d
#fa7a6d
rgb(250,122,109)
-
#fb8b80
#fb8b80
rgb(251,139,128)
-
#fc9c93
#fc9c93
rgb(252,156,147)
-
#fcaea6
#fcaea6
rgb(252,174,166)
-
#fdbfb9
#fdbfb9
rgb(253,191,185)
-
#fdd0cc
#fdd0cc
rgb(253,208,204)
-
#fee2df
#fee2df
rgb(254,226,223)
-
#fff3f2
#fff3f2
rgb(255,243,242)
Tones of #f83421
A tone is produced by adding gray to any pure hue. In this case, #8e8b8b is the less saturated color, while #f83421 is the most saturated one.
-
#8e8b8b
#8e8b8b
rgb(142,139,139)
-
#978482
#978482
rgb(151,132,130)
-
#a07d79
#a07d79
rgb(160,125,121)
-
#a97570
#a97570
rgb(169,117,112)
-
#b26e67
#b26e67
rgb(178,110,103)
-
#ba675f
#ba675f
rgb(186,103,95)
-
#c36056
#c36056
rgb(195,96,86)
-
#cc584d
#cc584d
rgb(204,88,77)
-
#d55144
#d55144
rgb(213,81,68)
-
#de4a3b
#de4a3b
rgb(222,74,59)
-
#e64333
#e64333
rgb(230,67,51)
-
#ef3b2a
#ef3b2a
rgb(239,59,42)
-
#f83421
#f83421
rgb(248,52,33)
Color Blindness Simulator
Below, you can see how #f83421 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.