#344aa0 Color Information
In a RGB color space, hex #344aa0 is composed of 20.4% red, 29% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 67.5% cyan, 53.8% magenta, 0% yellow and 37.3% black. It has a hue angle of 227.8 degrees, a saturation of 50.9% and a lightness of 41.6%. #344aa0 color hex could be obtained by blending #6894ff with #000041. Closest websafe color is: #333399.
-
- R 20
- G 29
- B 63
-
- C 68
- M 54
- Y 0
- K 37
● #344aa0 color description : Dark moderate blue.
#344aa0 Color Conversion
The hexadecimal color #344aa0 has RGB values of R:52, G:74, B:160 and CMYK values of C:0.68, M:0.54, Y:0, K:0.37. Its decimal value is 3426976.
Hex triplet | 344aa0 | #344aa0 |
---|---|---|
RGB Decimal | 52, 74, 160 | rgb(52,74,160) |
RGB Percent | 20.4, 29, 62.7 | rgb(20.4%,29%,62.7%) |
CMYK | 68, 54, 0, 37 | |
HSL | 227.8°, 50.9, 41.6 | hsl(227.8,50.9%,41.6%) |
HSV (or HSB) | 227.8°, 67.5, 62.7 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 34.324, 20.759, -49.31 |
---|---|
XYZ | 10.209, 8.165, 34.294 |
xyY | 0.194, 0.155, 8.165 |
CIE-LCH | 34.324, 53.501, 292.83 |
CIE-LUV | 34.324, -10.928, -69.781 |
Hunter-Lab | 28.575, 13.767, -51.155 |
Binary | 00110100, 01001010, 10100000 |
Color Schemes with #344aa0
Alternatives to #344aa0
Below, you can see some colors close to #344aa0. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344aa0 Preview
This text has a font color of #344aa0.
<span style="color:#344aa0;">Text here</span>
This paragraph has a background color of #344aa0.
<p style="background-color:#344aa0;">Content here</p>
This element has a border color of #344aa0.
<div style="border:1px solid #344aa0;">Content here</div>
.text {color:#344aa0;}
.background {background-color:#344aa0;}
.border {border:1px solid #344aa0;}
Shades and Tints of #344aa0
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, #04060c is the darkest color, while #fcfdfe is the lightest one.
-
#04060c
#04060c
rgb(4,6,12)
-
#090c1b
#090c1b
rgb(9,12,27)
-
#0e132a
#0e132a
rgb(14,19,42)
-
#121a38
#121a38
rgb(18,26,56)
-
#172147
#172147
rgb(23,33,71)
-
#1c2856
#1c2856
rgb(28,40,86)
-
#212f65
#212f65
rgb(33,47,101)
-
#263574
#263574
rgb(38,53,116)
-
#2a3c82
#2a3c82
rgb(42,60,130)
-
#2f4391
#2f4391
rgb(47,67,145)
-
#344aa0
#344aa0
rgb(52,74,160)
-
#3951af
#3951af
rgb(57,81,175)
-
#3e58be
#3e58be
rgb(62,88,190)
-
#4b63c4
#4b63c4
rgb(75,99,196)
-
#5970c9
#5970c9
rgb(89,112,201)
-
#687dce
#687dce
rgb(104,125,206)
-
#778ad3
#778ad3
rgb(119,138,211)
-
#8696d8
#8696d8
rgb(134,150,216)
-
#95a3dc
#95a3dc
rgb(149,163,220)
-
#a3b0e1
#a3b0e1
rgb(163,176,225)
-
#b2bde6
#b2bde6
rgb(178,189,230)
-
#c1c9eb
#c1c9eb
rgb(193,201,235)
-
#d0d6f0
#d0d6f0
rgb(208,214,240)
-
#dfe3f4
#dfe3f4
rgb(223,227,244)
-
#edf0f9
#edf0f9
rgb(237,240,249)
-
#fcfdfe
#fcfdfe
rgb(252,253,254)
Tones of #344aa0
A tone is produced by adding gray to any pure hue. In this case, #65676f is the less saturated color, while #032dd1 is the most saturated one.
-
#65676f
#65676f
rgb(101,103,111)
-
#5d6277
#5d6277
rgb(93,98,119)
-
#555d7f
#555d7f
rgb(85,93,127)
-
#4c5888
#4c5888
rgb(76,88,136)
-
#445490
#445490
rgb(68,84,144)
-
#3c4f98
#3c4f98
rgb(60,79,152)
-
#344aa0
#344aa0
rgb(52,74,160)
-
#2c45a8
#2c45a8
rgb(44,69,168)
-
#2440b0
#2440b0
rgb(36,64,176)
-
#1c3cb8
#1c3cb8
rgb(28,60,184)
-
#1337c1
#1337c1
rgb(19,55,193)
-
#0b32c9
#0b32c9
rgb(11,50,201)
-
#032dd1
#032dd1
rgb(3,45,209)
Color Blindness Simulator
Below, you can see how #344aa0 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.