#334ffe Color Information
In a RGB color space, hex #334ffe is composed of 20% red, 31% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 79.9% cyan, 68.9% magenta, 0% yellow and 0.4% black. It has a hue angle of 231.7 degrees, a saturation of 99% and a lightness of 59.8%. #334ffe color hex could be obtained by blending #669eff with #0000fd. Closest websafe color is: #3366ff.
-
- R 20
- G 31
- B 100
-
- C 80
- M 69
- Y 0
- K 0
● #334ffe color description : Bright blue.
#334ffe Color Conversion
The hexadecimal color #334ffe has RGB values of R:51, G:79, B:254 and CMYK values of C:0.8, M:0.69, Y:0, K:0. Its decimal value is 3362814.
Hex triplet | 334ffe | #334ffe |
---|---|---|
RGB Decimal | 51, 79, 254 | rgb(51,79,254) |
RGB Percent | 20, 31, 99.6 | rgb(20%,31%,99.6%) |
CMYK | 80, 69, 0, 0 | |
HSL | 231.7°, 99, 59.8 | hsl(231.7,99%,59.8%) |
HSV (or HSB) | 231.7°, 79.9, 99.6 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.434, 51.034, -88.769 |
---|---|
XYZ | 22.047, 13.45, 95.195 |
xyY | 0.169, 0.103, 13.45 |
CIE-LCH | 43.434, 102.394, 299.895 |
CIE-LUV | 43.434, -13.953, -130.259 |
Hunter-Lab | 36.674, 43.127, -128.226 |
Binary | 00110011, 01001111, 11111110 |
Color Schemes with #334ffe
Alternatives to #334ffe
Below, you can see some colors close to #334ffe. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ffe Preview
This text has a font color of #334ffe.
<span style="color:#334ffe;">Text here</span>
This paragraph has a background color of #334ffe.
<p style="background-color:#334ffe;">Content here</p>
This element has a border color of #334ffe.
<div style="border:1px solid #334ffe;">Content here</div>
.text {color:#334ffe;}
.background {background-color:#334ffe;}
.border {border:1px solid #334ffe;}
Shades and Tints of #334ffe
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, #00020b is the darkest color, while #f6f7ff is the lightest one.
-
#00020b
#00020b
rgb(0,2,11)
-
#00041e
#00041e
rgb(0,4,30)
-
#000732
#000732
rgb(0,7,50)
-
#000a45
#000a45
rgb(0,10,69)
-
#000d59
#000d59
rgb(0,13,89)
-
#010f6c
#010f6c
rgb(1,15,108)
-
#011280
#011280
rgb(1,18,128)
-
#011593
#011593
rgb(1,21,147)
-
#0118a7
#0118a7
rgb(1,24,167)
-
#011aba
#011aba
rgb(1,26,186)
-
#011dce
#011dce
rgb(1,29,206)
-
#0120e1
#0120e1
rgb(1,32,225)
-
#0123f5
#0123f5
rgb(1,35,245)
-
#0c2dfe
#0c2dfe
rgb(12,45,254)
-
#1f3efe
#1f3efe
rgb(31,62,254)
-
#334ffe
#334ffe
rgb(51,79,254)
-
#4760fe
#4760fe
rgb(71,96,254)
-
#5a71fe
#5a71fe
rgb(90,113,254)
-
#6e82fe
#6e82fe
rgb(110,130,254)
-
#8192fe
#8192fe
rgb(129,146,254)
-
#95a3fe
#95a3fe
rgb(149,163,254)
-
#a8b4ff
#a8b4ff
rgb(168,180,255)
-
#bcc5ff
#bcc5ff
rgb(188,197,255)
-
#cfd6ff
#cfd6ff
rgb(207,214,255)
-
#e3e7ff
#e3e7ff
rgb(227,231,255)
-
#f6f7ff
#f6f7ff
rgb(246,247,255)
Tones of #334ffe
A tone is produced by adding gray to any pure hue. In this case, #92949f is the less saturated color, while #334ffe is the most saturated one.
-
#92949f
#92949f
rgb(146,148,159)
-
#8a8ea7
#8a8ea7
rgb(138,142,167)
-
#8288af
#8288af
rgb(130,136,175)
-
#7a82b7
#7a82b7
rgb(122,130,183)
-
#727dbf
#727dbf
rgb(114,125,191)
-
#6a77c7
#6a77c7
rgb(106,119,199)
-
#6271cf
#6271cf
rgb(98,113,207)
-
#5a6cd7
#5a6cd7
rgb(90,108,215)
-
#5366de
#5366de
rgb(83,102,222)
-
#4b60e6
#4b60e6
rgb(75,96,230)
-
#435aee
#435aee
rgb(67,90,238)
-
#3b55f6
#3b55f6
rgb(59,85,246)
-
#334ffe
#334ffe
rgb(51,79,254)
Color Blindness Simulator
Below, you can see how #334ffe 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.