#334ed4 Color Information
In a RGB color space, hex #334ed4 is composed of 20% red, 30.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 75.9% cyan, 63.2% magenta, 0% yellow and 16.9% black. It has a hue angle of 229.9 degrees, a saturation of 65.2% and a lightness of 51.6%. #334ed4 color hex could be obtained by blending #669cff with #0000a9. Closest websafe color is: #3366cc.
-
- R 20
- G 31
- B 83
-
- C 76
- M 63
- Y 0
- K 17
● #334ed4 color description : Strong blue.
#334ed4 Color Conversion
The hexadecimal color #334ed4 has RGB values of R:51, G:78, B:212 and CMYK values of C:0.76, M:0.63, Y:0, K:0.17. Its decimal value is 3362516.
Hex triplet | 334ed4 | #334ed4 |
---|---|---|
RGB Decimal | 51, 78, 212 | rgb(51,78,212) |
RGB Percent | 20, 30.6, 83.1 | rgb(20%,30.6%,83.1%) |
CMYK | 76, 63, 0, 17 | |
HSL | 229.9°, 65.2, 51.6 | hsl(229.9,65.2%,51.6%) |
HSV (or HSB) | 229.9°, 75.9, 83.1 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 39.42, 37.03, -71.586 |
---|---|
XYZ | 15.971, 10.905, 63.547 |
xyY | 0.177, 0.121, 10.905 |
CIE-LCH | 39.42, 80.597, 297.352 |
CIE-LUV | 39.42, -12.949, -104.139 |
Hunter-Lab | 33.023, 28.539, -90.978 |
Binary | 00110011, 01001110, 11010100 |
Color Schemes with #334ed4
Alternatives to #334ed4
Below, you can see some colors close to #334ed4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ed4 Preview
This text has a font color of #334ed4.
<span style="color:#334ed4;">Text here</span>
This paragraph has a background color of #334ed4.
<p style="background-color:#334ed4;">Content here</p>
This element has a border color of #334ed4.
<div style="border:1px solid #334ed4;">Content here</div>
.text {color:#334ed4;}
.background {background-color:#334ed4;}
.border {border:1px solid #334ed4;}
Shades and Tints of #334ed4
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, #010207 is the darkest color, while #f5f7fd is the lightest one.
-
#010207
#010207
rgb(1,2,7)
-
#050817
#050817
rgb(5,8,23)
-
#080d27
#080d27
rgb(8,13,39)
-
#0c1337
#0c1337
rgb(12,19,55)
-
#0f1947
#0f1947
rgb(15,25,71)
-
#121e58
#121e58
rgb(18,30,88)
-
#162468
#162468
rgb(22,36,104)
-
#192978
#192978
rgb(25,41,120)
-
#1d2f88
#1d2f88
rgb(29,47,136)
-
#203498
#203498
rgb(32,52,152)
-
#243aa9
#243aa9
rgb(36,58,169)
-
#273fb9
#273fb9
rgb(39,63,185)
-
#2a45c9
#2a45c9
rgb(42,69,201)
-
#334ed4
#334ed4
rgb(51,78,212)
-
#435cd7
#435cd7
rgb(67,92,215)
-
#536adb
#536adb
rgb(83,106,219)
-
#6478de
#6478de
rgb(100,120,222)
-
#7486e2
#7486e2
rgb(116,134,226)
-
#8494e5
#8494e5
rgb(132,148,229)
-
#94a2e8
#94a2e8
rgb(148,162,232)
-
#a4b0ec
#a4b0ec
rgb(164,176,236)
-
#b5beef
#b5beef
rgb(181,190,239)
-
#c5cdf3
#c5cdf3
rgb(197,205,243)
-
#d5dbf6
#d5dbf6
rgb(213,219,246)
-
#e5e9fa
#e5e9fa
rgb(229,233,250)
-
#f5f7fd
#f5f7fd
rgb(245,247,253)
Tones of #334ed4
A tone is produced by adding gray to any pure hue. In this case, #7f8188 is the less saturated color, while #0d35fa is the most saturated one.
-
#7f8188
#7f8188
rgb(127,129,136)
-
#767a92
#767a92
rgb(118,122,146)
-
#6c749b
#6c749b
rgb(108,116,155)
-
#636ea5
#636ea5
rgb(99,110,165)
-
#5967ae
#5967ae
rgb(89,103,174)
-
#5061b8
#5061b8
rgb(80,97,184)
-
#465bc1
#465bc1
rgb(70,91,193)
-
#3d54cb
#3d54cb
rgb(61,84,203)
-
#334ed4
#334ed4
rgb(51,78,212)
-
#2a48de
#2a48de
rgb(42,72,222)
-
#2041e7
#2041e7
rgb(32,65,231)
-
#173bf1
#173bf1
rgb(23,59,241)
-
#0d35fa
#0d35fa
rgb(13,53,250)
Color Blindness Simulator
Below, you can see how #334ed4 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.