#344ae5 Color Information
In a RGB color space, hex #344ae5 is composed of 20.4% red, 29% green and 89.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 67.7% magenta, 0% yellow and 10.2% black. It has a hue angle of 232.5 degrees, a saturation of 77.3% and a lightness of 55.1%. #344ae5 color hex could be obtained by blending #6894ff with #0000cb. Closest websafe color is: #3333cc.
-
- R 20
- G 29
- B 90
-
- C 77
- M 68
- Y 0
- K 10
● #344ae5 color description : Bright blue.
#344ae5 Color Conversion
The hexadecimal color #344ae5 has RGB values of R:52, G:74, B:229 and CMYK values of C:0.77, M:0.68, Y:0, K:0.1. Its decimal value is 3427045.
Hex triplet | 344ae5 | #344ae5 |
---|---|---|
RGB Decimal | 52, 74, 229 | rgb(52,74,229) |
RGB Percent | 20.4, 29, 89.8 | rgb(20.4%,29%,89.8%) |
CMYK | 77, 68, 0, 10 | |
HSL | 232.5°, 77.3, 55.1 | hsl(232.5,77.3%,55.1%) |
HSV (or HSB) | 232.5°, 77.3, 89.8 | |
Web Safe | 3333cc | #3333cc |
CIE-LAB | 40.054, 45.546, -80.262 |
---|---|
XYZ | 18.005, 11.284, 75.353 |
xyY | 0.172, 0.108, 11.284 |
CIE-LCH | 40.054, 92.284, 299.574 |
CIE-LUV | 40.054, -12.285, -115.928 |
Hunter-Lab | 33.591, 36.893, -109.489 |
Binary | 00110100, 01001010, 11100101 |
Color Schemes with #344ae5
Alternatives to #344ae5
Below, you can see some colors close to #344ae5. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344ae5 Preview
This text has a font color of #344ae5.
<span style="color:#344ae5;">Text here</span>
This paragraph has a background color of #344ae5.
<p style="background-color:#344ae5;">Content here</p>
This element has a border color of #344ae5.
<div style="border:1px solid #344ae5;">Content here</div>
.text {color:#344ae5;}
.background {background-color:#344ae5;}
.border {border:1px solid #344ae5;}
Shades and Tints of #344ae5
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, #010106 is the darkest color, while #f3f5fd is the lightest one.
-
#010106
#010106
rgb(1,1,6)
-
#030517
#030517
rgb(3,5,23)
-
#050a28
#050a28
rgb(5,10,40)
-
#070e3a
#070e3a
rgb(7,14,58)
-
#0a124b
#0a124b
rgb(10,18,75)
-
#0c165d
#0c165d
rgb(12,22,93)
-
#0e1a6e
#0e1a6e
rgb(14,26,110)
-
#101e7f
#101e7f
rgb(16,30,127)
-
#132291
#132291
rgb(19,34,145)
-
#1526a2
#1526a2
rgb(21,38,162)
-
#172ab4
#172ab4
rgb(23,42,180)
-
#192fc5
#192fc5
rgb(25,47,197)
-
#1b33d6
#1b33d6
rgb(27,51,214)
-
#233ae3
#233ae3
rgb(35,58,227)
-
#344ae5
#344ae5
rgb(52,74,229)
-
#455ae7
#455ae7
rgb(69,90,231)
-
#5769e9
#5769e9
rgb(87,105,233)
-
#6879ec
#6879ec
rgb(104,121,236)
-
#7a88ee
#7a88ee
rgb(122,136,238)
-
#8b98f0
#8b98f0
rgb(139,152,240)
-
#9ca7f2
#9ca7f2
rgb(156,167,242)
-
#aeb7f5
#aeb7f5
rgb(174,183,245)
-
#bfc6f7
#bfc6f7
rgb(191,198,247)
-
#d0d6f9
#d0d6f9
rgb(208,214,249)
-
#e2e5fb
#e2e5fb
rgb(226,229,251)
-
#f3f5fd
#f3f5fd
rgb(243,245,253)
Tones of #344ae5
A tone is produced by adding gray to any pure hue. In this case, #8c8c8d is the less saturated color, while #223df7 is the most saturated one.
-
#8c8c8d
#8c8c8d
rgb(140,140,141)
-
#838696
#838696
rgb(131,134,150)
-
#7a7f9f
#7a7f9f
rgb(122,127,159)
-
#7278a7
#7278a7
rgb(114,120,167)
-
#6972b0
#6972b0
rgb(105,114,176)
-
#606bb9
#606bb9
rgb(96,107,185)
-
#5764c2
#5764c2
rgb(87,100,194)
-
#4e5ecb
#4e5ecb
rgb(78,94,203)
-
#4657d3
#4657d3
rgb(70,87,211)
-
#3d51dc
#3d51dc
rgb(61,81,220)
-
#344ae5
#344ae5
rgb(52,74,229)
-
#2b43ee
#2b43ee
rgb(43,67,238)
-
#223df7
#223df7
rgb(34,61,247)
Color Blindness Simulator
Below, you can see how #344ae5 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.