#344caa Color Information
In a RGB color space, hex #344caa is composed of 20.4% red, 29.8% green and 66.7% blue. Whereas in a CMYK color space, it is composed of 69.4% cyan, 55.3% magenta, 0% yellow and 33.3% black. It has a hue angle of 227.8 degrees, a saturation of 53.2% and a lightness of 43.5%. #344caa color hex could be obtained by blending #6898ff with #000055. Closest websafe color is: #333399.
-
- R 20
- G 30
- B 67
-
- C 69
- M 55
- Y 0
- K 33
● #344caa color description : Dark moderate blue.
#344caa Color Conversion
The hexadecimal color #344caa has RGB values of R:52, G:76, B:170 and CMYK values of C:0.69, M:0.55, Y:0, K:0.33. Its decimal value is 3427498.
Hex triplet | 344caa | #344caa |
---|---|---|
RGB Decimal | 52, 76, 170 | rgb(52,76,170) |
RGB Percent | 20.4, 29.8, 66.7 | rgb(20.4%,29.8%,66.7%) |
CMYK | 69, 55, 0, 33 | |
HSL | 227.8°, 53.2, 43.5 | hsl(227.8,53.2%,43.5%) |
HSV (or HSB) | 227.8°, 69.4, 66.7 | |
Web Safe | 333399 | #333399 |
CIE-LAB | 35.597, 23.127, -53.237 |
---|---|
XYZ | 11.255, 8.801, 39.134 |
xyY | 0.19, 0.149, 8.801 |
CIE-LCH | 35.597, 58.043, 293.481 |
CIE-LUV | 35.597, -11.629, -76.115 |
Hunter-Lab | 29.666, 15.806, -57.447 |
Binary | 00110100, 01001100, 10101010 |
Color Schemes with #344caa
Alternatives to #344caa
Below, you can see some colors close to #344caa. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344caa Preview
This text has a font color of #344caa.
<span style="color:#344caa;">Text here</span>
This paragraph has a background color of #344caa.
<p style="background-color:#344caa;">Content here</p>
This element has a border color of #344caa.
<div style="border:1px solid #344caa;">Content here</div>
.text {color:#344caa;}
.background {background-color:#344caa;}
.border {border:1px solid #344caa;}
Shades and Tints of #344caa
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, #010205 is the darkest color, while #f5f6fc is the lightest one.
-
#010205
#010205
rgb(1,2,5)
-
#060914
#060914
rgb(6,9,20)
-
#0b1023
#0b1023
rgb(11,16,35)
-
#0f1632
#0f1632
rgb(15,22,50)
-
#141d41
#141d41
rgb(20,29,65)
-
#182450
#182450
rgb(24,36,80)
-
#1d2a5f
#1d2a5f
rgb(29,42,95)
-
#22316e
#22316e
rgb(34,49,110)
-
#26387d
#26387d
rgb(38,56,125)
-
#2b3f8c
#2b3f8c
rgb(43,63,140)
-
#2f459b
#2f459b
rgb(47,69,155)
-
#344caa
#344caa
rgb(52,76,170)
-
#3953b9
#3953b9
rgb(57,83,185)
-
#415bc5
#415bc5
rgb(65,91,197)
-
#5068c9
#5068c9
rgb(80,104,201)
-
#5f75ce
#5f75ce
rgb(95,117,206)
-
#6e82d3
#6e82d3
rgb(110,130,211)
-
#7d8fd7
#7d8fd7
rgb(125,143,215)
-
#8c9cdc
#8c9cdc
rgb(140,156,220)
-
#9ba9e0
#9ba9e0
rgb(155,169,224)
-
#aab6e5
#aab6e5
rgb(170,182,229)
-
#b9c3e9
#b9c3e9
rgb(185,195,233)
-
#c8cfee
#c8cfee
rgb(200,207,238)
-
#d7dcf3
#d7dcf3
rgb(215,220,243)
-
#e6e9f7
#e6e9f7
rgb(230,233,247)
-
#f5f6fc
#f5f6fc
rgb(245,246,252)
Tones of #344caa
A tone is produced by adding gray to any pure hue. In this case, #676a77 is the less saturated color, while #012edd is the most saturated one.
-
#676a77
#676a77
rgb(103,106,119)
-
#5f657f
#5f657f
rgb(95,101,127)
-
#566088
#566088
rgb(86,96,136)
-
#4e5b90
#4e5b90
rgb(78,91,144)
-
#455699
#455699
rgb(69,86,153)
-
#3d51a1
#3d51a1
rgb(61,81,161)
-
#344caa
#344caa
rgb(52,76,170)
-
#2b47b3
#2b47b3
rgb(43,71,179)
-
#2342bb
#2342bb
rgb(35,66,187)
-
#1a3dc4
#1a3dc4
rgb(26,61,196)
-
#1238cc
#1238cc
rgb(18,56,204)
-
#0933d5
#0933d5
rgb(9,51,213)
-
#012edd
#012edd
rgb(1,46,221)
Color Blindness Simulator
Below, you can see how #344caa 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.