#ff334c Color Information
In a RGB color space, hex #ff334c is composed of 100% red, 20% green and 29.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 80% magenta, 70.2% yellow and 0% black. It has a hue angle of 352.6 degrees, a saturation of 100% and a lightness of 60%. #ff334c color hex could be obtained by blending #ff6698 with #ff0000. Closest websafe color is: #ff3333.
-
- R 100
- G 20
- B 30
-
- C 0
- M 80
- Y 70
- K 0
● #ff334c color description : Vivid red.
#ff334c Color Conversion
The hexadecimal color #ff334c has RGB values of R:255, G:51, B:76 and CMYK values of C:0, M:0.8, Y:0.7, K:0. Its decimal value is 16724812.
Hex triplet | ff334c | #ff334c |
---|---|---|
RGB Decimal | 255, 51, 76 | rgb(255,51,76) |
RGB Percent | 100, 20, 29.8 | rgb(100%,20%,29.8%) |
CMYK | 0, 80, 70, 0 | |
HSL | 352.6°, 100, 60 | hsl(352.6,100%,60%) |
HSV (or HSB) | 352.6°, 80, 100 | |
Web Safe | ff3333 | #ff3333 |
CIE-LAB | 56.242, 74.608, 36.804 |
---|---|
XYZ | 43.73, 24.155, 9.197 |
xyY | 0.567, 0.313, 24.155 |
CIE-LCH | 56.242, 83.192, 26.257 |
CIE-LUV | 56.242, 150.279, 24.115 |
Hunter-Lab | 49.148, 72.817, 23.308 |
Binary | 11111111, 00110011, 01001100 |
Color Schemes with #ff334c
Alternatives to #ff334c
Below, you can see some colors close to #ff334c. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#ff334c Preview
This text has a font color of #ff334c.
<span style="color:#ff334c;">Text here</span>
This paragraph has a background color of #ff334c.
<p style="background-color:#ff334c;">Content here</p>
This element has a border color of #ff334c.
<div style="border:1px solid #ff334c;">Content here</div>
.text {color:#ff334c;}
.background {background-color:#ff334c;}
.border {border:1px solid #ff334c;}
Shades and Tints of #ff334c
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)
-
#1f0004
#1f0004
rgb(31,0,4)
-
#330006
#330006
rgb(51,0,6)
-
#470009
#470009
rgb(71,0,9)
-
#5a000b
#5a000b
rgb(90,0,11)
-
#6e000d
#6e000d
rgb(110,0,13)
-
#810010
#810010
rgb(129,0,16)
-
#950012
#950012
rgb(149,0,18)
-
#a90015
#a90015
rgb(169,0,21)
-
#bc0017
#bc0017
rgb(188,0,23)
-
#d00019
#d00019
rgb(208,0,25)
-
#e4001c
#e4001c
rgb(228,0,28)
-
#f7001e
#f7001e
rgb(247,0,30)
-
#ff0c2a
#ff0c2a
rgb(255,12,42)
-
#ff1f3b
#ff1f3b
rgb(255,31,59)
-
#ff334c
#ff334c
rgb(255,51,76)
-
#ff475d
#ff475d
rgb(255,71,93)
-
#ff5a6e
#ff5a6e
rgb(255,90,110)
-
#ff6e80
#ff6e80
rgb(255,110,128)
-
#ff8191
#ff8191
rgb(255,129,145)
-
#ff95a2
#ff95a2
rgb(255,149,162)
-
#ffa9b3
#ffa9b3
rgb(255,169,179)
-
#ffbcc4
#ffbcc4
rgb(255,188,196)
-
#ffd0d6
#ffd0d6
rgb(255,208,214)
-
#ffe4e7
#ffe4e7
rgb(255,228,231)
-
#fff7f8
#fff7f8
rgb(255,247,248)
Tones of #ff334c
A tone is produced by adding gray to any pure hue. In this case, #a19193 is the less saturated color, while #ff334c is the most saturated one.
-
#a19193
#a19193
rgb(161,145,147)
-
#a9898d
#a9898d
rgb(169,137,141)
-
#b18187
#b18187
rgb(177,129,135)
-
#b87a81
#b87a81
rgb(184,122,129)
-
#c0727b
#c0727b
rgb(192,114,123)
-
#c86a75
#c86a75
rgb(200,106,117)
-
#d06270
#d06270
rgb(208,98,112)
-
#d85a6a
#d85a6a
rgb(216,90,106)
-
#e05264
#e05264
rgb(224,82,100)
-
#e74b5e
#e74b5e
rgb(231,75,94)
-
#ef4358
#ef4358
rgb(239,67,88)
-
#f73b52
#f73b52
rgb(247,59,82)
-
#ff334c
#ff334c
rgb(255,51,76)
Color Blindness Simulator
Below, you can see how #ff334c 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.