#344eb6 Color Information
In a RGB color space, hex #344eb6 is composed of 20.4% red, 30.6% green and 71.4% blue. Whereas in a CMYK color space, it is composed of 71.4% cyan, 57.1% magenta, 0% yellow and 28.6% black. It has a hue angle of 228 degrees, a saturation of 55.6% and a lightness of 45.9%. #344eb6 color hex could be obtained by blending #689cff with #00006d. Closest websafe color is: #3366cc.
-
- R 20
- G 31
- B 71
-
- C 71
- M 57
- Y 0
- K 29
● #344eb6 color description : Moderate blue.
#344eb6 Color Conversion
The hexadecimal color #344eb6 has RGB values of R:52, G:78, B:182 and CMYK values of C:0.71, M:0.57, Y:0, K:0.29. Its decimal value is 3428022.
Hex triplet | 344eb6 | #344eb6 |
---|---|---|
RGB Decimal | 52, 78, 182 | rgb(52,78,182) |
RGB Percent | 20.4, 30.6, 71.4 | rgb(20.4%,30.6%,71.4%) |
CMYK | 71, 57, 0, 29 | |
HSL | 228°, 55.6, 45.9 | hsl(228,55.6%,45.9%) |
HSV (or HSB) | 228°, 71.4, 71.4 | |
Web Safe | 3366cc | #3366cc |
CIE-LAB | 37.032, 26.238, -58.018 |
---|---|
XYZ | 12.582, 9.555, 45.435 |
xyY | 0.186, 0.141, 9.555 |
CIE-LCH | 37.032, 63.675, 294.334 |
CIE-LUV | 37.032, -12.328, -83.786 |
Hunter-Lab | 30.912, 18.56, -65.507 |
Binary | 00110100, 01001110, 10110110 |
Color Schemes with #344eb6
Alternatives to #344eb6
Below, you can see some colors close to #344eb6. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344eb6 Preview
This text has a font color of #344eb6.
<span style="color:#344eb6;">Text here</span>
This paragraph has a background color of #344eb6.
<p style="background-color:#344eb6;">Content here</p>
This element has a border color of #344eb6.
<div style="border:1px solid #344eb6;">Content here</div>
.text {color:#344eb6;}
.background {background-color:#344eb6;}
.border {border:1px solid #344eb6;}
Shades and Tints of #344eb6
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, #04060e is the darkest color, while #fefeff is the lightest one.
-
#04060e
#04060e
rgb(4,6,14)
-
#080d1d
#080d1d
rgb(8,13,29)
-
#0d132d
#0d132d
rgb(13,19,45)
-
#111a3c
#111a3c
rgb(17,26,60)
-
#15204b
#15204b
rgb(21,32,75)
-
#1a275a
#1a275a
rgb(26,39,90)
-
#1e2d6a
#1e2d6a
rgb(30,45,106)
-
#233479
#233479
rgb(35,52,121)
-
#273a88
#273a88
rgb(39,58,136)
-
#2b4197
#2b4197
rgb(43,65,151)
-
#3047a7
#3047a7
rgb(48,71,167)
-
#344eb6
#344eb6
rgb(52,78,182)
-
#3855c5
#3855c5
rgb(56,85,197)
-
#4761ca
#4761ca
rgb(71,97,202)
-
#566ecf
#566ecf
rgb(86,110,207)
-
#657bd3
#657bd3
rgb(101,123,211)
-
#7588d7
#7588d7
rgb(117,136,215)
-
#8495dc
#8495dc
rgb(132,149,220)
-
#93a3e0
#93a3e0
rgb(147,163,224)
-
#a2b0e5
#a2b0e5
rgb(162,176,229)
-
#b2bde9
#b2bde9
rgb(178,189,233)
-
#c1caed
#c1caed
rgb(193,202,237)
-
#d0d7f2
#d0d7f2
rgb(208,215,242)
-
#dfe4f6
#dfe4f6
rgb(223,228,246)
-
#eff1fa
#eff1fa
rgb(239,241,250)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #344eb6
A tone is produced by adding gray to any pure hue. In this case, #737477 is the less saturated color, while #0733e3 is the most saturated one.
-
#737477
#737477
rgb(115,116,119)
-
#6a6e80
#6a6e80
rgb(106,110,128)
-
#616989
#616989
rgb(97,105,137)
-
#586492
#586492
rgb(88,100,146)
-
#4f5e9b
#4f5e9b
rgb(79,94,155)
-
#4659a4
#4659a4
rgb(70,89,164)
-
#3d53ad
#3d53ad
rgb(61,83,173)
-
#344eb6
#344eb6
rgb(52,78,182)
-
#2b49bf
#2b49bf
rgb(43,73,191)
-
#2243c8
#2243c8
rgb(34,67,200)
-
#193ed1
#193ed1
rgb(25,62,209)
-
#1038da
#1038da
rgb(16,56,218)
-
#0733e3
#0733e3
rgb(7,51,227)
Color Blindness Simulator
Below, you can see how #344eb6 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.