#3344f2 Color Information
In a RGB color space, hex #3344f2 is composed of 20% red, 26.7% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 71.9% magenta, 0% yellow and 5.1% black. It has a hue angle of 234.7 degrees, a saturation of 88% and a lightness of 57.5%. #3344f2 color hex could be obtained by blending #6688ff with #0000e5. Closest websafe color is: #3333ff.
-
- R 20
- G 27
- B 95
-
- C 79
- M 72
- Y 0
- K 5
● #3344f2 color description : Bright blue.
#3344f2 Color Conversion
The hexadecimal color #3344f2 has RGB values of R:51, G:68, B:242 and CMYK values of C:0.79, M:0.72, Y:0, K:0.05. Its decimal value is 3359986.
Hex triplet | 3344f2 | #3344f2 |
---|---|---|
RGB Decimal | 51, 68, 242 | rgb(51,68,242) |
RGB Percent | 20, 26.7, 94.9 | rgb(20%,26.7%,94.9%) |
CMYK | 79, 72, 0, 5 | |
HSL | 234.7°, 88, 57.5 | hsl(234.7,88%,57.5%) |
HSV (or HSB) | 234.7°, 78.9, 94.9 | |
Web Safe | 3333ff | #3333ff |
CIE-LAB | 39.994, 53.32, -87.718 |
---|---|
XYZ | 19.456, 11.248, 85.145 |
xyY | 0.168, 0.097, 11.248 |
CIE-LCH | 39.994, 102.652, 301.294 |
CIE-LUV | 39.994, -11.648, -124.856 |
Hunter-Lab | 33.537, 44.864, -127.05 |
Binary | 00110011, 01000100, 11110010 |
Color Schemes with #3344f2
Alternatives to #3344f2
Below, you can see some colors close to #3344f2. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#3344f2 Preview
This text has a font color of #3344f2.
<span style="color:#3344f2;">Text here</span>
This paragraph has a background color of #3344f2.
<p style="background-color:#3344f2;">Content here</p>
This element has a border color of #3344f2.
<div style="border:1px solid #3344f2;">Content here</div>
.text {color:#3344f2;}
.background {background-color:#3344f2;}
.border {border:1px solid #3344f2;}
Shades and Tints of #3344f2
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, #010311 is the darkest color, while #fefeff is the lightest one.
-
#010311
#010311
rgb(1,3,17)
-
#020524
#020524
rgb(2,5,36)
-
#030836
#030836
rgb(3,8,54)
-
#050b49
#050b49
rgb(5,11,73)
-
#060d5b
#060d5b
rgb(6,13,91)
-
#07106d
#07106d
rgb(7,16,109)
-
#081380
#081380
rgb(8,19,128)
-
#091692
#091692
rgb(9,22,146)
-
#0b18a5
#0b18a5
rgb(11,24,165)
-
#0c1bb7
#0c1bb7
rgb(12,27,183)
-
#0d1eca
#0d1eca
rgb(13,30,202)
-
#0e20dc
#0e20dc
rgb(14,32,220)
-
#0f23ef
#0f23ef
rgb(15,35,239)
-
#2133f1
#2133f1
rgb(33,51,241)
-
#3344f2
#3344f2
rgb(51,68,242)
-
#4555f3
#4555f3
rgb(69,85,243)
-
#5866f4
#5866f4
rgb(88,102,244)
-
#6a77f6
#6a77f6
rgb(106,119,246)
-
#7d88f7
#7d88f7
rgb(125,136,247)
-
#8f99f8
#8f99f8
rgb(143,153,248)
-
#a2a9f9
#a2a9f9
rgb(162,169,249)
-
#b4bafa
#b4bafa
rgb(180,186,250)
-
#c7cbfb
#c7cbfb
rgb(199,203,251)
-
#d9dcfd
#d9dcfd
rgb(217,220,253)
-
#ebedfe
#ebedfe
rgb(235,237,254)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #3344f2
A tone is produced by adding gray to any pure hue. In this case, #8f8f96 is the less saturated color, while #2b3dfa is the most saturated one.
-
#8f8f96
#8f8f96
rgb(143,143,150)
-
#86899f
#86899f
rgb(134,137,159)
-
#7e82a7
#7e82a7
rgb(126,130,167)
-
#767baf
#767baf
rgb(118,123,175)
-
#6d74b8
#6d74b8
rgb(109,116,184)
-
#656dc0
#656dc0
rgb(101,109,192)
-
#5d66c8
#5d66c8
rgb(93,102,200)
-
#545fd1
#545fd1
rgb(84,95,209)
-
#4c59d9
#4c59d9
rgb(76,89,217)
-
#4452e1
#4452e1
rgb(68,82,225)
-
#3b4bea
#3b4bea
rgb(59,75,234)
-
#3344f2
#3344f2
rgb(51,68,242)
-
#2b3dfa
#2b3dfa
rgb(43,61,250)
Color Blindness Simulator
Below, you can see how #3344f2 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.