#ff3346 Color Information
In a RGB color space, hex #ff3346 is composed of 100% red, 20% green and 27.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 72.5% yellow and 0% black. It has a hue angle of 354.4 degrees, a saturation of 100% and a lightness of 60%. #ff3346 color hex could be obtained by blending #ff668c with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 20
- B 27
-
- C 0
- M 80
- Y 73
- K 0
● #ff3346 color description : Vivid red.
#ff3346 Color Conversion
The hexadecimal color #ff3346 has RGB values of R:255, G:51, B:70 and CMYK values of C:0, M:0.8, Y:0.73, K:0. Its decimal value is 16724806.
Hex triplet | ff3346 | #ff3346 |
---|---|---|
RGB Decimal | 255, 51, 70 | rgb(255,51,70) |
RGB Percent | 100, 20, 27.5 | rgb(100%,20%,27.5%) |
CMYK | 0, 80, 73, 0 | |
HSL | 354.4°, 100, 60 | hsl(354.4,100%,60%) |
HSV (or HSB) | 354.4°, 80, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.163, 74.364, 40.135 |
---|---|
XYZ | 43.531, 24.075, 8.149 |
xyY | 0.575, 0.318, 24.075 |
CIE-LCH | 56.163, 84.504, 28.356 |
CIE-LUV | 56.163, 151.826, 26.732 |
Hunter-Lab | 49.067, 72.497, 24.5 |
Binary | 11111111, 00110011, 01000110 |
Color Schemes with #ff3346
Alternatives to #ff3346
Below, you can see some colors close to #ff3346. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3346 Preview
This text has a font color of #ff3346.
<span style="color:#ff3346;">Text here</span>
This paragraph has a background color of #ff3346.
<p style="background-color:#ff3346;">Content here</p>
This element has a border color of #ff3346.
<div style="border:1px solid #ff3346;">Content here</div>
.text {color:#ff3346;}
.background {background-color:#ff3346;}
.border {border:1px solid #ff3346;}
Shades and Tints of #ff3346
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, #0c0001 is the darkest color, while #fff7f8 is the lightest one.
-
#0c0001
#0c0001
rgb(12,0,1)
-
#1f0003
#1f0003
rgb(31,0,3)
-
#330005
#330005
rgb(51,0,5)
-
#470007
#470007
rgb(71,0,7)
-
#5a0008
#5a0008
rgb(90,0,8)
-
#6e000a
#6e000a
rgb(110,0,10)
-
#81000c
#81000c
rgb(129,0,12)
-
#95000e
#95000e
rgb(149,0,14)
-
#a90010
#a90010
rgb(169,0,16)
-
#bc0012
#bc0012
rgb(188,0,18)
-
#d00013
#d00013
rgb(208,0,19)
-
#e40015
#e40015
rgb(228,0,21)
-
#f70017
#f70017
rgb(247,0,23)
-
#ff0c22
#ff0c22
rgb(255,12,34)
-
#ff1f34
#ff1f34
rgb(255,31,52)
-
#ff3346
#ff3346
rgb(255,51,70)
-
#ff4758
#ff4758
rgb(255,71,88)
-
#ff5a6a
#ff5a6a
rgb(255,90,106)
-
#ff6e7b
#ff6e7b
rgb(255,110,123)
-
#ff818d
#ff818d
rgb(255,129,141)
-
#ff959f
#ff959f
rgb(255,149,159)
-
#ffa9b1
#ffa9b1
rgb(255,169,177)
-
#ffbcc3
#ffbcc3
rgb(255,188,195)
-
#ffd0d4
#ffd0d4
rgb(255,208,212)
-
#ffe4e6
#ffe4e6
rgb(255,228,230)
-
#fff7f8
#fff7f8
rgb(255,247,248)
Tones of #ff3346
A tone is produced by adding gray to any pure hue. In this case, #a19193 is the less saturated color, while #ff3346 is the most saturated one.
-
#a19193
#a19193
rgb(161,145,147)
-
#a9898c
#a9898c
rgb(169,137,140)
-
#b18186
#b18186
rgb(177,129,134)
-
#b87a7f
#b87a7f
rgb(184,122,127)
-
#c07279
#c07279
rgb(192,114,121)
-
#c86a73
#c86a73
rgb(200,106,115)
-
#d0626c
#d0626c
rgb(208,98,108)
-
#d85a66
#d85a66
rgb(216,90,102)
-
#e05260
#e05260
rgb(224,82,96)
-
#e74b59
#e74b59
rgb(231,75,89)
-
#ef4353
#ef4353
rgb(239,67,83)
-
#f73b4c
#f73b4c
rgb(247,59,76)
-
#ff3346
#ff3346
rgb(255,51,70)
Color Blindness Simulator
Below, you can see how #ff3346 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.