#334ef5 Color Information
In a RGB color space, hex #334ef5 is composed of 20% red, 30.6% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 68.2% magenta, 0% yellow and 3.9% black. It has a hue angle of 231.6 degrees, a saturation of 90.7% and a lightness of 58%. #334ef5 color hex could be obtained by blending #669cff with #0000eb. Closest websafe color is: #3366ff.
-
- R 20
- G 31
- B 96
-
- C 79
- M 68
- Y 0
- K 4
● #334ef5 color description : Bright blue.
#334ef5 Color Conversion
The hexadecimal color #334ef5 has RGB values of R:51, G:78, B:245 and CMYK values of C:0.79, M:0.68, Y:0, K:0.04. Its decimal value is 3362549.
Hex triplet | 334ef5 | #334ef5 |
---|---|---|
RGB Decimal | 51, 78, 245 | rgb(51,78,245) |
RGB Percent | 20, 30.6, 96.1 | rgb(20%,30.6%,96.1%) |
CMYK | 79, 68, 0, 4 | |
HSL | 231.6°, 90.7, 58 | hsl(231.6,90.7%,58%) |
HSV (or HSB) | 231.6°, 79.2, 96.1 | |
Web Safe | 3366ff | #3366ff |
CIE-LAB | 42.375, 48.568, -85.479 |
---|---|
XYZ | 20.568, 12.744, 87.757 |
xyY | 0.17, 0.105, 12.744 |
CIE-LCH | 42.375, 98.313, 299.605 |
CIE-LUV | 42.375, -13.571, -124.978 |
Hunter-Lab | 35.698, 40.371, -120.763 |
Binary | 00110011, 01001110, 11110101 |
Color Schemes with #334ef5
Alternatives to #334ef5
Below, you can see some colors close to #334ef5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#334ef5 Preview
This text has a font color of #334ef5.
<span style="color:#334ef5;">Text here</span>
This paragraph has a background color of #334ef5.
<p style="background-color:#334ef5;">Content here</p>
This element has a border color of #334ef5.
<div style="border:1px solid #334ef5;">Content here</div>
.text {color:#334ef5;}
.background {background-color:#334ef5;}
.border {border:1px solid #334ef5;}
Shades and Tints of #334ef5
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, #000002 is the darkest color, while #eef0fe is the lightest one.
-
#000002
#000002
rgb(0,0,2)
-
#010414
#010414
rgb(1,4,20)
-
#020727
#020727
rgb(2,7,39)
-
#030a3a
#030a3a
rgb(3,10,58)
-
#040e4c
#040e4c
rgb(4,14,76)
-
#05115f
#05115f
rgb(5,17,95)
-
#061572
#061572
rgb(6,21,114)
-
#061885
#061885
rgb(6,24,133)
-
#071b97
#071b97
rgb(7,27,151)
-
#081faa
#081faa
rgb(8,31,170)
-
#0922bd
#0922bd
rgb(9,34,189)
-
#0a26cf
#0a26cf
rgb(10,38,207)
-
#0b29e2
#0b29e2
rgb(11,41,226)
-
#0e2ef3
#0e2ef3
rgb(14,46,243)
-
#203ef4
#203ef4
rgb(32,62,244)
-
#334ef5
#334ef5
rgb(51,78,245)
-
#465ef6
#465ef6
rgb(70,94,246)
-
#586ef7
#586ef7
rgb(88,110,247)
-
#6b7ff8
#6b7ff8
rgb(107,127,248)
-
#7e8ff9
#7e8ff9
rgb(126,143,249)
-
#909ffa
#909ffa
rgb(144,159,250)
-
#a3affa
#a3affa
rgb(163,175,250)
-
#b6c0fb
#b6c0fb
rgb(182,192,251)
-
#c9d0fc
#c9d0fc
rgb(201,208,252)
-
#dbe0fd
#dbe0fd
rgb(219,224,253)
-
#eef0fe
#eef0fe
rgb(238,240,254)
Tones of #334ef5
A tone is produced by adding gray to any pure hue. In this case, #8e8f9a is the less saturated color, while #2b48fd is the most saturated one.
-
#8e8f9a
#8e8f9a
rgb(142,143,154)
-
#8589a3
#8589a3
rgb(133,137,163)
-
#7d83ab
#7d83ab
rgb(125,131,171)
-
#757eb3
#757eb3
rgb(117,126,179)
-
#6d78bb
#6d78bb
rgb(109,120,187)
-
#6472c4
#6472c4
rgb(100,114,196)
-
#5c6ccc
#5c6ccc
rgb(92,108,204)
-
#5466d4
#5466d4
rgb(84,102,212)
-
#4c60dc
#4c60dc
rgb(76,96,220)
-
#435ae5
#435ae5
rgb(67,90,229)
-
#3b54ed
#3b54ed
rgb(59,84,237)
-
#334ef5
#334ef5
rgb(51,78,245)
-
#2b48fd
#2b48fd
rgb(43,72,253)
Color Blindness Simulator
Below, you can see how #334ef5 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.