#334ed7 Color Information
In a RGB color space, hex #334ed7 is composed of 20% red, 30.6% green and 84.3% blue. Whereas in a CMYK color space, it is composed of 76.3% cyan, 63.7% magenta, 0% yellow and 15.7% black. It has a hue angle of 230.1 degrees, a saturation of 67.2% and a lightness of 52.2%. #334ed7 color hex could be obtained by blending #669cff with #0000af. Closest websafe color is: #3366cc.
-
- R 20
- G 31
- B 84
-
- C 76
- M 64
- Y 0
- K 16
● #334ed7 color description : Strong blue.
#334ed7 Color Conversion
The hexadecimal color #334ed7 has RGB values of R:51, G:78, B:215 and CMYK values of C:0.76, M:0.64, Y:0, K:0.16. Its decimal value is 3362519.
Hex triplet | 334ed7 | #334ed7 |
---|---|---|
RGB Decimal | 51, 78, 215 | rgb(51,78,215) |
RGB Percent | 20, 30.6, 84.3 | rgb(20%,30.6%,84.3%) |
CMYK | 76, 64, 0, 16 | |
HSL | 230.1°, 67.2, 52.2 | hsl(230.1,67.2%,52.2%) |
HSV (or HSB) | 230.1°, 76.3, 84.3 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 39.678, 38.102, -72.888 |
---|---|
XYZ | 16.353, 11.058, 65.559 |
xyY | 0.176, 0.119, 11.058 |
CIE-LCH | 39.678, 82.246, 297.598 |
CIE-LUV | 39.678, -13, -106.091 |
Hunter-Lab | 33.253, 29.587, -93.613 |
Binary | 00110011, 01001110, 11010111 |
Color Schemes with #334ed7
Alternatives to #334ed7
Below, you can see some colors close to #334ed7. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ed7 Preview
This text has a font color of #334ed7.
<span style="color:#334ed7;">Text here</span>
This paragraph has a background color of #334ed7.
<p style="background-color:#334ed7;">Content here</p>
This element has a border color of #334ed7.
<div style="border:1px solid #334ed7;">Content here</div>
.text {color:#334ed7;}
.background {background-color:#334ed7;}
.border {border:1px solid #334ed7;}
Shades and Tints of #334ed7
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, #020309 is the darkest color, while #f8f9fe is the lightest one.
-
#020309
#020309
rgb(2,3,9)
-
#05081a
#05081a
rgb(5,8,26)
-
#080e2a
#080e2a
rgb(8,14,42)
-
#0b133a
#0b133a
rgb(11,19,58)
-
#0f194b
#0f194b
rgb(15,25,75)
-
#121e5b
#121e5b
rgb(18,30,91)
-
#15236c
#15236c
rgb(21,35,108)
-
#18297c
#18297c
rgb(24,41,124)
-
#1c2e8c
#1c2e8c
rgb(28,46,140)
-
#1f339d
#1f339d
rgb(31,51,157)
-
#2239ad
#2239ad
rgb(34,57,173)
-
#253ebe
#253ebe
rgb(37,62,190)
-
#2844ce
#2844ce
rgb(40,68,206)
-
#334ed7
#334ed7
rgb(51,78,215)
-
#435cda
#435cda
rgb(67,92,218)
-
#546add
#546add
rgb(84,106,221)
-
#6479e1
#6479e1
rgb(100,121,225)
-
#7587e4
#7587e4
rgb(117,135,228)
-
#8595e7
#8595e7
rgb(133,149,231)
-
#95a3ea
#95a3ea
rgb(149,163,234)
-
#a6b2ee
#a6b2ee
rgb(166,178,238)
-
#b6c0f1
#b6c0f1
rgb(182,192,241)
-
#c7cef4
#c7cef4
rgb(199,206,244)
-
#d7dcf7
#d7dcf7
rgb(215,220,247)
-
#e7ebfa
#e7ebfa
rgb(231,235,250)
-
#f8f9fe
#f8f9fe
rgb(248,249,254)
Tones of #334ed7
A tone is produced by adding gray to any pure hue. In this case, #7e808c is the less saturated color, while #0d35fd is the most saturated one.
-
#7e808c
#7e808c
rgb(126,128,140)
-
#757a95
#757a95
rgb(117,122,149)
-
#6b749f
#6b749f
rgb(107,116,159)
-
#626da8
#626da8
rgb(98,109,168)
-
#5967b1
#5967b1
rgb(89,103,177)
-
#4f61bb
#4f61bb
rgb(79,97,187)
-
#465bc4
#465bc4
rgb(70,91,196)
-
#3c54ce
#3c54ce
rgb(60,84,206)
-
#334ed7
#334ed7
rgb(51,78,215)
-
#2a48e0
#2a48e0
rgb(42,72,224)
-
#2041ea
#2041ea
rgb(32,65,234)
-
#173bf3
#173bf3
rgb(23,59,243)
-
#0d35fd
#0d35fd
rgb(13,53,253)
Color Blindness Simulator
Below, you can see how #334ed7 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.