#f6222d Color Information
In a RGB color space, hex #f6222d is composed of 96.5% red, 13.3% green and 17.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 86.2% magenta, 81.7% yellow and 3.5% black. It has a hue angle of 356.9 degrees, a saturation of 92.2% and a lightness of 54.9%. #f6222d color hex could be obtained by blending #ff445a with #ed0000. Closest websafe color is: #ff3333.
-
- R 96
- G 13
- B 18
-
- C 0
- M 86
- Y 82
- K 4
● #f6222d color description : Vivid red.
#f6222d Color Conversion
The hexadecimal color #f6222d has RGB values of R:246, G:34, B:45 and CMYK values of C:0, M:0.86, Y:0.82, K:0.04. Its decimal value is 16130605.
Hex triplet | f6222d | #f6222d |
---|---|---|
RGB Decimal | 246, 34, 45 | rgb(246,34,45) |
RGB Percent | 96.5, 13.3, 17.6 | rgb(96.5%,13.3%,17.6%) |
CMYK | 0, 86, 82, 4 | |
HSL | 356.9°, 92.2, 54.9 | hsl(356.9,92.2%,54.9%) |
HSV (or HSB) | 356.9°, 86.2, 96.5 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 52.874, 74.844, 49.773 |
---|---|
XYZ | 39.054, 20.931, 4.466 |
xyY | 0.606, 0.325, 20.931 |
CIE-LCH | 52.874, 89.883, 33.625 |
CIE-LUV | 52.874, 157.052, 31.464 |
Hunter-Lab | 45.751, 72.307, 26.237 |
Binary | 11110110, 00100010, 00101101 |
Color Schemes with #f6222d
Alternatives to #f6222d
Below, you can see some colors close to #f6222d. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f6222d Preview
This text has a font color of #f6222d.
<span style="color:#f6222d;">Text here</span>
This paragraph has a background color of #f6222d.
<p style="background-color:#f6222d;">Content here</p>
This element has a border color of #f6222d.
<div style="border:1px solid #f6222d;">Content here</div>
.text {color:#f6222d;}
.background {background-color:#f6222d;}
.border {border:1px solid #f6222d;}
Shades and Tints of #f6222d
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, #050000 is the darkest color, while #fef1f2 is the lightest one.
-
#050000
#050000
rgb(5,0,0)
-
#180102
#180102
rgb(24,1,2)
-
#2b0204
#2b0204
rgb(43,2,4)
-
#3e0306
#3e0306
rgb(62,3,6)
-
#510307
#510307
rgb(81,3,7)
-
#630409
#630409
rgb(99,4,9)
-
#76050b
#76050b
rgb(118,5,11)
-
#89060c
#89060c
rgb(137,6,12)
-
#9c060e
#9c060e
rgb(156,6,14)
-
#af0710
#af0710
rgb(175,7,16)
-
#c20812
#c20812
rgb(194,8,18)
-
#d50913
#d50913
rgb(213,9,19)
-
#e70915
#e70915
rgb(231,9,21)
-
#f50f1b
#f50f1b
rgb(245,15,27)
-
#f6222d
#f6222d
rgb(246,34,45)
-
#f7353f
#f7353f
rgb(247,53,63)
-
#f84851
#f84851
rgb(248,72,81)
-
#f85b63
#f85b63
rgb(248,91,99)
-
#f96d75
#f96d75
rgb(249,109,117)
-
#fa8087
#fa8087
rgb(250,128,135)
-
#fb9398
#fb9398
rgb(251,147,152)
-
#fba6aa
#fba6aa
rgb(251,166,170)
-
#fcb9bc
#fcb9bc
rgb(252,185,188)
-
#fdccce
#fdccce
rgb(253,204,206)
-
#fedee0
#fedee0
rgb(254,222,224)
-
#fef1f2
#fef1f2
rgb(254,241,242)
Tones of #f6222d
A tone is produced by adding gray to any pure hue. In this case, #958384 is the less saturated color, while #ff1925 is the most saturated one.
-
#958384
#958384
rgb(149,131,132)
-
#9e7a7c
#9e7a7c
rgb(158,122,124)
-
#a67274
#a67274
rgb(166,114,116)
-
#af696c
#af696c
rgb(175,105,108)
-
#b86064
#b86064
rgb(184,96,100)
-
#c1575d
#c1575d
rgb(193,87,93)
-
#ca4e55
#ca4e55
rgb(202,78,85)
-
#d3454d
#d3454d
rgb(211,69,77)
-
#db3d45
#db3d45
rgb(219,61,69)
-
#e4343d
#e4343d
rgb(228,52,61)
-
#ed2b35
#ed2b35
rgb(237,43,53)
-
#f6222d
#f6222d
rgb(246,34,45)
-
#ff1925
#ff1925
rgb(255,25,37)
Color Blindness Simulator
Below, you can see how #f6222d 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.