#f23345 Color Information
In a RGB color space, hex #f23345 is composed of 94.9% red, 20% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 78.9% magenta, 71.5% yellow and 5.1% black. It has a hue angle of 354.3 degrees, a saturation of 88% and a lightness of 57.5%. #f23345 color hex could be obtained by blending #ff668a with #e50000. Closest websafe color is: #ff3333.
-
- R 95
- G 20
- B 27
-
- C 0
- M 79
- Y 71
- K 5
● #f23345 color description : Bright red.
#f23345 Color Conversion
The hexadecimal color #f23345 has RGB values of R:242, G:51, B:69 and CMYK values of C:0, M:0.79, Y:0.71, K:0.05. Its decimal value is 15872837.
Hex triplet | f23345 | #f23345 |
---|---|---|
RGB Decimal | 242, 51, 69 | rgb(242,51,69) |
RGB Percent | 94.9, 20, 27.1 | rgb(94.9%,20%,27.1%) |
CMYK | 0, 79, 71, 5 | |
HSL | 354.3°, 88, 57.5 | hsl(354.3,88%,57.5%) |
HSV (or HSB) | 354.3°, 78.9, 94.9 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 53.685, 70.79, 37.2 |
---|---|
XYZ | 38.878, 21.679, 7.767 |
xyY | 0.569, 0.317, 21.679 |
CIE-LCH | 53.685, 79.969, 27.721 |
CIE-LUV | 53.685, 142.104, 24.673 |
Hunter-Lab | 46.561, 67.563, 22.702 |
Binary | 11110010, 00110011, 01000101 |
Color Schemes with #f23345
Alternatives to #f23345
Below, you can see some colors close to #f23345. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f23345 Preview
This text has a font color of #f23345.
<span style="color:#f23345;">Text here</span>
This paragraph has a background color of #f23345.
<p style="background-color:#f23345;">Content here</p>
This element has a border color of #f23345.
<div style="border:1px solid #f23345;">Content here</div>
.text {color:#f23345;}
.background {background-color:#f23345;}
.border {border:1px solid #f23345;}
Shades and Tints of #f23345
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, #110103 is the darkest color, while #fffefe is the lightest one.
-
#110103
#110103
rgb(17,1,3)
-
#240205
#240205
rgb(36,2,5)
-
#360308
#360308
rgb(54,3,8)
-
#49050b
#49050b
rgb(73,5,11)
-
#5b060e
#5b060e
rgb(91,6,14)
-
#6d0711
#6d0711
rgb(109,7,17)
-
#800813
#800813
rgb(128,8,19)
-
#920916
#920916
rgb(146,9,22)
-
#a50b19
#a50b19
rgb(165,11,25)
-
#b70c1c
#b70c1c
rgb(183,12,28)
-
#ca0d1f
#ca0d1f
rgb(202,13,31)
-
#dc0e21
#dc0e21
rgb(220,14,33)
-
#ef0f24
#ef0f24
rgb(239,15,36)
-
#f12134
#f12134
rgb(241,33,52)
-
#f23345
#f23345
rgb(242,51,69)
-
#f34556
#f34556
rgb(243,69,86)
-
#f45867
#f45867
rgb(244,88,103)
-
#f66a77
#f66a77
rgb(246,106,119)
-
#f77d88
#f77d88
rgb(247,125,136)
-
#f88f99
#f88f99
rgb(248,143,153)
-
#f9a2aa
#f9a2aa
rgb(249,162,170)
-
#fab4bb
#fab4bb
rgb(250,180,187)
-
#fbc7cc
#fbc7cc
rgb(251,199,204)
-
#fdd9dc
#fdd9dc
rgb(253,217,220)
-
#feebed
#feebed
rgb(254,235,237)
-
#fffefe
#fffefe
rgb(255,254,254)
Tones of #f23345
A tone is produced by adding gray to any pure hue. In this case, #968f90 is the less saturated color, while #fa2b3e is the most saturated one.
-
#968f90
#968f90
rgb(150,143,144)
-
#9f8689
#9f8689
rgb(159,134,137)
-
#a77e82
#a77e82
rgb(167,126,130)
-
#af767b
#af767b
rgb(175,118,123)
-
#b86d74
#b86d74
rgb(184,109,116)
-
#c0656e
#c0656e
rgb(192,101,110)
-
#c85d67
#c85d67
rgb(200,93,103)
-
#d15460
#d15460
rgb(209,84,96)
-
#d94c59
#d94c59
rgb(217,76,89)
-
#e14453
#e14453
rgb(225,68,83)
-
#ea3b4c
#ea3b4c
rgb(234,59,76)
-
#f23345
#f23345
rgb(242,51,69)
-
#fa2b3e
#fa2b3e
rgb(250,43,62)
Color Blindness Simulator
Below, you can see how #f23345 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.