#f33158 Color Information
In a RGB color space, hex #f33158 is composed of 95.3% red, 19.2% green and 34.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 79.8% magenta, 63.8% yellow and 4.7% black. It has a hue angle of 347.9 degrees, a saturation of 89% and a lightness of 57.3%. #f33158 color hex could be obtained by blending #ff62b0 with #e70000. Closest websafe color is: #ff3366.
-
- R 95
- G 19
- B 35
-
- C 0
- M 80
- Y 64
- K 5
● #f33158 color description : Bright red.
#f33158 Color Conversion
The hexadecimal color #f33158 has RGB values of R:243, G:49, B:88 and CMYK values of C:0, M:0.8, Y:0.64, K:0.05. Its decimal value is 15937880.
Hex triplet | f33158 | #f33158 |
---|---|---|
RGB Decimal | 243, 49, 88 | rgb(243,49,88) |
RGB Percent | 95.3, 19.2, 34.5 | rgb(95.3%,19.2%,34.5%) |
CMYK | 0, 80, 64, 5 | |
HSL | 347.9°, 89, 57.3 | hsl(347.9,89%,57.3%) |
HSV (or HSB) | 347.9°, 79.8, 95.3 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 53.985, 72.482, 26.472 |
---|---|
XYZ | 39.824, 21.961, 11.374 |
xyY | 0.544, 0.3, 21.961 |
CIE-LCH | 53.985, 77.165, 20.063 |
CIE-LUV | 53.985, 138.315, 15.207 |
Hunter-Lab | 46.862, 69.681, 18.413 |
Binary | 11110011, 00110001, 01011000 |
Color Schemes with #f33158
Alternatives to #f33158
Below, you can see some colors close to #f33158. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#f33158 Preview
This text has a font color of #f33158.
<span style="color:#f33158;">Text here</span>
This paragraph has a background color of #f33158.
<p style="background-color:#f33158;">Content here</p>
This element has a border color of #f33158.
<div style="border:1px solid #f33158;">Content here</div>
.text {color:#f33158;}
.background {background-color:#f33158;}
.border {border:1px solid #f33158;}
Shades and Tints of #f33158
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, #100104 is the darkest color, while #fffdfd is the lightest one.
-
#100104
#100104
rgb(16,1,4)
-
#230209
#230209
rgb(35,2,9)
-
#35030d
#35030d
rgb(53,3,13)
-
#480412
#480412
rgb(72,4,18)
-
#5b0516
#5b0516
rgb(91,5,22)
-
#6d061b
#6d061b
rgb(109,6,27)
-
#800720
#800720
rgb(128,7,32)
-
#920924
#920924
rgb(146,9,36)
-
#a50a29
#a50a29
rgb(165,10,41)
-
#b70b2d
#b70b2d
rgb(183,11,45)
-
#ca0c32
#ca0c32
rgb(202,12,50)
-
#dc0d37
#dc0d37
rgb(220,13,55)
-
#ef0e3b
#ef0e3b
rgb(239,14,59)
-
#f21e49
#f21e49
rgb(242,30,73)
-
#f33158
#f33158
rgb(243,49,88)
-
#f44467
#f44467
rgb(244,68,103)
-
#f55676
#f55676
rgb(245,86,118)
-
#f66985
#f66985
rgb(246,105,133)
-
#f77b94
#f77b94
rgb(247,123,148)
-
#f88ea3
#f88ea3
rgb(248,142,163)
-
#f9a0b2
#f9a0b2
rgb(249,160,178)
-
#fbb3c1
#fbb3c1
rgb(251,179,193)
-
#fcc5d0
#fcc5d0
rgb(252,197,208)
-
#fdd8df
#fdd8df
rgb(253,216,223)
-
#feeaee
#feeaee
rgb(254,234,238)
-
#fffdfd
#fffdfd
rgb(255,253,253)
Tones of #f33158
A tone is produced by adding gray to any pure hue. In this case, #978d8f is the less saturated color, while #fb2953 is the most saturated one.
-
#978d8f
#978d8f
rgb(151,141,143)
-
#9f858a
#9f858a
rgb(159,133,138)
-
#a87c85
#a87c85
rgb(168,124,133)
-
#b07480
#b07480
rgb(176,116,128)
-
#b86c7b
#b86c7b
rgb(184,108,123)
-
#c16376
#c16376
rgb(193,99,118)
-
#c95b71
#c95b71
rgb(201,91,113)
-
#d1536c
#d1536c
rgb(209,83,108)
-
#da4a67
#da4a67
rgb(218,74,103)
-
#e24262
#e24262
rgb(226,66,98)
-
#eb395d
#eb395d
rgb(235,57,93)
-
#f33158
#f33158
rgb(243,49,88)
-
#fb2953
#fb2953
rgb(251,41,83)
Color Blindness Simulator
Below, you can see how #f33158 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.