#334ffd Color Information
In a RGB color space, hex #334ffd is composed of 20% red, 31% green and 99.2% blue. Whereas in a CMYK color space, it is composed of 79.8% cyan, 68.8% magenta, 0% yellow and 0.8% black. It has a hue angle of 231.7 degrees, a saturation of 98.1% and a lightness of 59.6%. #334ffd color hex could be obtained by blending #669eff with #0000fb. Closest websafe color is: #3366ff.
-
- R 20
- G 31
- B 99
-
- C 80
- M 69
- Y 0
- K 1
● #334ffd color description : Bright blue.
#334ffd Color Conversion
The hexadecimal color #334ffd has RGB values of R:51, G:79, B:253 and CMYK values of C:0.8, M:0.69, Y:0, K:0.01. Its decimal value is 3362813.
Hex triplet | 334ffd | #334ffd |
---|---|---|
RGB Decimal | 51, 79, 253 | rgb(51,79,253) |
RGB Percent | 20, 31, 99.2 | rgb(20%,31%,99.2%) |
CMYK | 80, 69, 0, 1 | |
HSL | 231.7°, 98.1, 59.6 | hsl(231.7,98.1%,59.6%) |
HSV (or HSB) | 231.7°, 79.8, 99.2 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 43.339, 50.697, -88.367 |
---|---|
XYZ | 21.887, 13.386, 94.353 |
xyY | 0.169, 0.103, 13.386 |
CIE-LCH | 43.339, 101.877, 299.843 |
CIE-LUV | 43.339, -13.932, -129.653 |
Hunter-Lab | 36.587, 42.756, -127.291 |
Binary | 00110011, 01001111, 11111101 |
Color Schemes with #334ffd
Alternatives to #334ffd
Below, you can see some colors close to #334ffd. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ffd Preview
This text has a font color of #334ffd.
<span style="color:#334ffd;">Text here</span>
This paragraph has a background color of #334ffd.
<p style="background-color:#334ffd;">Content here</p>
This element has a border color of #334ffd.
<div style="border:1px solid #334ffd;">Content here</div>
.text {color:#334ffd;}
.background {background-color:#334ffd;}
.border {border:1px solid #334ffd;}
Shades and Tints of #334ffd
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, #00010a is the darkest color, while #f5f7ff is the lightest one.
-
#00010a
#00010a
rgb(0,1,10)
-
#00041d
#00041d
rgb(0,4,29)
-
#000731
#000731
rgb(0,7,49)
-
#010a44
#010a44
rgb(1,10,68)
-
#010d57
#010d57
rgb(1,13,87)
-
#01106b
#01106b
rgb(1,16,107)
-
#01137e
#01137e
rgb(1,19,126)
-
#011592
#011592
rgb(1,21,146)
-
#0218a5
#0218a5
rgb(2,24,165)
-
#021bb8
#021bb8
rgb(2,27,184)
-
#021ecc
#021ecc
rgb(2,30,204)
-
#0221df
#0221df
rgb(2,33,223)
-
#0224f3
#0224f3
rgb(2,36,243)
-
#0c2dfd
#0c2dfd
rgb(12,45,253)
-
#203efd
#203efd
rgb(32,62,253)
-
#334ffd
#334ffd
rgb(51,79,253)
-
#4660fd
#4660fd
rgb(70,96,253)
-
#5a71fd
#5a71fd
rgb(90,113,253)
-
#6d81fe
#6d81fe
rgb(109,129,254)
-
#8192fe
#8192fe
rgb(129,146,254)
-
#94a3fe
#94a3fe
rgb(148,163,254)
-
#a8b4fe
#a8b4fe
rgb(168,180,254)
-
#bbc4fe
#bbc4fe
rgb(187,196,254)
-
#ced5ff
#ced5ff
rgb(206,213,255)
-
#e2e6ff
#e2e6ff
rgb(226,230,255)
-
#f5f7ff
#f5f7ff
rgb(245,247,255)
Tones of #334ffd
A tone is produced by adding gray to any pure hue. In this case, #92949e is the less saturated color, while #334ffd is the most saturated one.
-
#92949e
#92949e
rgb(146,148,158)
-
#8a8ea6
#8a8ea6
rgb(138,142,166)
-
#8288ae
#8288ae
rgb(130,136,174)
-
#7a83b6
#7a83b6
rgb(122,131,182)
-
#727dbe
#727dbe
rgb(114,125,190)
-
#6a77c6
#6a77c6
rgb(106,119,198)
-
#6371cd
#6371cd
rgb(99,113,205)
-
#5b6cd5
#5b6cd5
rgb(91,108,213)
-
#5366dd
#5366dd
rgb(83,102,221)
-
#4b60e5
#4b60e5
rgb(75,96,229)
-
#435aed
#435aed
rgb(67,90,237)
-
#3b55f5
#3b55f5
rgb(59,85,245)
-
#334ffd
#334ffd
rgb(51,79,253)
Color Blindness Simulator
Below, you can see how #334ffd 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.