#ff3354 Color Information
In a RGB color space, hex #ff3354 is composed of 100% red, 20% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 67.1% yellow and 0% black. It has a hue angle of 350.3 degrees, a saturation of 100% and a lightness of 60%. #ff3354 color hex could be obtained by blending #ff66a8 with #ff0000. Closest websafe color is: #ff3366.
-
- R 100
- G 20
- B 33
-
- C 0
- M 80
- Y 67
- K 0
● #ff3354 color description : Vivid red.
#ff3354 Color Conversion
The hexadecimal color #ff3354 has RGB values of R:255, G:51, B:84 and CMYK values of C:0, M:0.8, Y:0.67, K:0. Its decimal value is 16724820.
Hex triplet | ff3354 | #ff3354 |
---|---|---|
RGB Decimal | 255, 51, 84 | rgb(255,51,84) |
RGB Percent | 100, 20, 32.9 | rgb(100%,20%,32.9%) |
CMYK | 0, 80, 67, 0 | |
HSL | 350.3°, 100, 60 | hsl(350.3,100%,60%) |
HSV (or HSB) | 350.3°, 80, 100 | |
Web Safe | ff3366 | #ff3366 |
CIE-LAB | 56.36, 74.969, 32.31 |
---|---|
XYZ | 44.026, 24.273, 10.754 |
xyY | 0.557, 0.307, 24.273 |
CIE-LCH | 56.36, 81.635, 23.315 |
CIE-LUV | 56.36, 148.037, 20.314 |
Hunter-Lab | 49.268, 73.291, 21.546 |
Binary | 11111111, 00110011, 01010100 |
Color Schemes with #ff3354
Alternatives to #ff3354
Below, you can see some colors close to #ff3354. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff3354 Preview
This text has a font color of #ff3354.
<span style="color:#ff3354;">Text here</span>
This paragraph has a background color of #ff3354.
<p style="background-color:#ff3354;">Content here</p>
This element has a border color of #ff3354.
<div style="border:1px solid #ff3354;">Content here</div>
.text {color:#ff3354;}
.background {background-color:#ff3354;}
.border {border:1px solid #ff3354;}
Shades and Tints of #ff3354
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, #0c0002 is the darkest color, while #fff7f8 is the lightest one.
-
#0c0002
#0c0002
rgb(12,0,2)
-
#1f0005
#1f0005
rgb(31,0,5)
-
#330008
#330008
rgb(51,0,8)
-
#47000b
#47000b
rgb(71,0,11)
-
#5a000f
#5a000f
rgb(90,0,15)
-
#6e0012
#6e0012
rgb(110,0,18)
-
#810015
#810015
rgb(129,0,21)
-
#950018
#950018
rgb(149,0,24)
-
#a9001b
#a9001b
rgb(169,0,27)
-
#bc001e
#bc001e
rgb(188,0,30)
-
#d00022
#d00022
rgb(208,0,34)
-
#e40025
#e40025
rgb(228,0,37)
-
#f70028
#f70028
rgb(247,0,40)
-
#ff0c33
#ff0c33
rgb(255,12,51)
-
#ff1f44
#ff1f44
rgb(255,31,68)
-
#ff3354
#ff3354
rgb(255,51,84)
-
#ff4764
#ff4764
rgb(255,71,100)
-
#ff5a75
#ff5a75
rgb(255,90,117)
-
#ff6e85
#ff6e85
rgb(255,110,133)
-
#ff8196
#ff8196
rgb(255,129,150)
-
#ff95a6
#ff95a6
rgb(255,149,166)
-
#ffa9b7
#ffa9b7
rgb(255,169,183)
-
#ffbcc7
#ffbcc7
rgb(255,188,199)
-
#ffd0d8
#ffd0d8
rgb(255,208,216)
-
#ffe4e8
#ffe4e8
rgb(255,228,232)
-
#fff7f8
#fff7f8
rgb(255,247,248)
Tones of #ff3354
A tone is produced by adding gray to any pure hue. In this case, #a19194 is the less saturated color, while #ff3354 is the most saturated one.
-
#a19194
#a19194
rgb(161,145,148)
-
#a9898e
#a9898e
rgb(169,137,142)
-
#b18189
#b18189
rgb(177,129,137)
-
#b87a84
#b87a84
rgb(184,122,132)
-
#c0727e
#c0727e
rgb(192,114,126)
-
#c86a79
#c86a79
rgb(200,106,121)
-
#d06274
#d06274
rgb(208,98,116)
-
#d85a6f
#d85a6f
rgb(216,90,111)
-
#e05269
#e05269
rgb(224,82,105)
-
#e74b64
#e74b64
rgb(231,75,100)
-
#ef435f
#ef435f
rgb(239,67,95)
-
#f73b59
#f73b59
rgb(247,59,89)
-
#ff3354
#ff3354
rgb(255,51,84)
Color Blindness Simulator
Below, you can see how #ff3354 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.