#344ae4 Color Information
In a RGB color space, hex #344ae4 is composed of 20.4% red, 29% green and 89.4% blue. Whereas in a CMYK color space, it is composed of 77.2% cyan, 67.5% magenta, 0% yellow and 10.6% black. It has a hue angle of 232.5 degrees, a saturation of 76.5% and a lightness of 54.9%. #344ae4 color hex could be obtained by blending #6894ff with #0000c9. Closest websafe color is: #3333cc.
-
- R 20
- G 29
- B 89
-
- C 77
- M 68
- Y 0
- K 11
● #344ae4 color description : Bright blue.
#344ae4 Color Conversion
The hexadecimal color #344ae4 has RGB values of R:52, G:74, B:228 and CMYK values of C:0.77, M:0.68, Y:0, K:0.11. Its decimal value is 3427044.
Hex triplet | 344ae4 | #344ae4 |
---|---|---|
RGB Decimal | 52, 74, 228 | rgb(52,74,228) |
RGB Percent | 20.4, 29, 89.4 | rgb(20.4%,29%,89.4%) |
CMYK | 77, 68, 0, 11 | |
HSL | 232.5°, 76.5, 54.9 | hsl(232.5,76.5%,54.9%) |
HSV (or HSB) | 232.5°, 77.2, 89.4 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 39.962, 45.202, -79.845 |
---|---|
XYZ | 17.866, 11.228, 74.62 |
xyY | 0.172, 0.108, 11.228 |
CIE-LCH | 39.962, 91.753, 299.515 |
CIE-LUV | 39.962, -12.261, -115.307 |
Hunter-Lab | 33.508, 36.533, -108.58 |
Binary | 00110100, 01001010, 11100100 |
Color Schemes with #344ae4
Alternatives to #344ae4
Below, you can see some colors close to #344ae4. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344ae4 Preview
This text has a font color of #344ae4.
<span style="color:#344ae4;">Text here</span>
This paragraph has a background color of #344ae4.
<p style="background-color:#344ae4;">Content here</p>
This element has a border color of #344ae4.
<div style="border:1px solid #344ae4;">Content here</div>
.text {color:#344ae4;}
.background {background-color:#344ae4;}
.border {border:1px solid #344ae4;}
Shades and Tints of #344ae4
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, #010105 is the darkest color, while #f2f4fd is the lightest one.
-
#010105
#010105
rgb(1,1,5)
-
#030516
#030516
rgb(3,5,22)
-
#050a27
#050a27
rgb(5,10,39)
-
#080e39
#080e39
rgb(8,14,57)
-
#0a124a
#0a124a
rgb(10,18,74)
-
#0c165b
#0c165b
rgb(12,22,91)
-
#0e1a6d
#0e1a6d
rgb(14,26,109)
-
#111e7e
#111e7e
rgb(17,30,126)
-
#13238f
#13238f
rgb(19,35,143)
-
#1527a1
#1527a1
rgb(21,39,161)
-
#182bb2
#182bb2
rgb(24,43,178)
-
#1a2fc3
#1a2fc3
rgb(26,47,195)
-
#1c33d5
#1c33d5
rgb(28,51,213)
-
#233be2
#233be2
rgb(35,59,226)
-
#344ae4
#344ae4
rgb(52,74,228)
-
#4559e6
#4559e6
rgb(69,89,230)
-
#5769e9
#5769e9
rgb(87,105,233)
-
#6878eb
#6878eb
rgb(104,120,235)
-
#7988ed
#7988ed
rgb(121,136,237)
-
#8b97f0
#8b97f0
rgb(139,151,240)
-
#9ca7f2
#9ca7f2
rgb(156,167,242)
-
#adb6f4
#adb6f4
rgb(173,182,244)
-
#bfc5f6
#bfc5f6
rgb(191,197,246)
-
#d0d5f9
#d0d5f9
rgb(208,213,249)
-
#e1e4fb
#e1e4fb
rgb(225,228,251)
-
#f2f4fd
#f2f4fd
rgb(242,244,253)
Tones of #344ae4
A tone is produced by adding gray to any pure hue. In this case, #848694 is the less saturated color, while #1936ff is the most saturated one.
-
#848694
#848694
rgb(132,134,148)
-
#7b7f9d
#7b7f9d
rgb(123,127,157)
-
#7278a6
#7278a6
rgb(114,120,166)
-
#6972af
#6972af
rgb(105,114,175)
-
#606bb8
#606bb8
rgb(96,107,184)
-
#5765c1
#5765c1
rgb(87,101,193)
-
#4f5ec9
#4f5ec9
rgb(79,94,201)
-
#4657d2
#4657d2
rgb(70,87,210)
-
#3d51db
#3d51db
rgb(61,81,219)
-
#344ae4
#344ae4
rgb(52,74,228)
-
#2b43ed
#2b43ed
rgb(43,67,237)
-
#223df6
#223df6
rgb(34,61,246)
-
#1936ff
#1936ff
rgb(25,54,255)
Color Blindness Simulator
Below, you can see how #344ae4 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.