#344e99 Color Information
In a RGB color space, hex #344e99 is composed of 20.4% red, 30.6% green and 60% blue. Whereas in a CMYK color space, it is composed of 66% cyan, 49% magenta, 0% yellow and 40% black. It has a hue angle of 224.6 degrees, a saturation of 49.3% and a lightness of 40.2%. #344e99 color hex could be obtained by blending #689cff with #000033. Closest websafe color is: #336699.
-
- R 20
- G 31
- B 60
-
- C 66
- M 49
- Y 0
- K 40
● #344e99 color description : Dark moderate blue.
#344e99 Color Conversion
The hexadecimal color #344e99 has RGB values of R:52, G:78, B:153 and CMYK values of C:0.66, M:0.49, Y:0, K:0.4. Its decimal value is 3427993.
Hex triplet | 344e99 | #344e99 |
---|---|---|
RGB Decimal | 52, 78, 153 | rgb(52,78,153) |
RGB Percent | 20.4, 30.6, 60 | rgb(20.4%,30.6%,60%) |
CMYK | 66, 49, 0, 40 | |
HSL | 224.6°, 49.3, 40.2 | hsl(224.6,49.3%,40.2%) |
HSV (or HSB) | 224.6°, 66, 60 | |
Web Safe | 336699 | #336699 |
CIE-LAB | 34.96, 15.514, -44.064 |
---|---|
XYZ | 9.889, 8.478, 31.251 |
xyY | 0.199, 0.171, 8.478 |
CIE-LCH | 34.96, 46.716, 289.396 |
CIE-LUV | 34.96, -12.026, -62.604 |
Hunter-Lab | 29.117, 9.669, -43.252 |
Binary | 00110100, 01001110, 10011001 |
Color Schemes with #344e99
Alternatives to #344e99
Below, you can see some colors close to #344e99. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344e99 Preview
This text has a font color of #344e99.
<span style="color:#344e99;">Text here</span>
This paragraph has a background color of #344e99.
<p style="background-color:#344e99;">Content here</p>
This element has a border color of #344e99.
<div style="border:1px solid #344e99;">Content here</div>
.text {color:#344e99;}
.background {background-color:#344e99;}
.border {border:1px solid #344e99;}
Shades and Tints of #344e99
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, #020307 is the darkest color, while #f7f8fc is the lightest one.
-
#020307
#020307
rgb(2,3,7)
-
#070b15
#070b15
rgb(7,11,21)
-
#0c1224
#0c1224
rgb(12,18,36)
-
#111a33
#111a33
rgb(17,26,51)
-
#162141
#162141
rgb(22,33,65)
-
#1b2950
#1b2950
rgb(27,41,80)
-
#20305e
#20305e
rgb(32,48,94)
-
#25386d
#25386d
rgb(37,56,109)
-
#2a3f7c
#2a3f7c
rgb(42,63,124)
-
#2f478a
#2f478a
rgb(47,71,138)
-
#344e99
#344e99
rgb(52,78,153)
-
#3955a8
#3955a8
rgb(57,85,168)
-
#3e5db6
#3e5db6
rgb(62,93,182)
-
#4767c1
#4767c1
rgb(71,103,193)
-
#5673c6
#5673c6
rgb(86,115,198)
-
#657fcb
#657fcb
rgb(101,127,203)
-
#738bcf
#738bcf
rgb(115,139,207)
-
#8297d4
#8297d4
rgb(130,151,212)
-
#90a3d9
#90a3d9
rgb(144,163,217)
-
#9fafde
#9fafde
rgb(159,175,222)
-
#aebce3
#aebce3
rgb(174,188,227)
-
#bcc8e8
#bcc8e8
rgb(188,200,232)
-
#cbd4ed
#cbd4ed
rgb(203,212,237)
-
#dae0f2
#dae0f2
rgb(218,224,242)
-
#e8ecf7
#e8ecf7
rgb(232,236,247)
-
#f7f8fc
#f7f8fc
rgb(247,248,252)
Tones of #344e99
A tone is produced by adding gray to any pure hue. In this case, #63656a is the less saturated color, while #0537c8 is the most saturated one.
-
#63656a
#63656a
rgb(99,101,106)
-
#5b6172
#5b6172
rgb(91,97,114)
-
#545d79
#545d79
rgb(84,93,121)
-
#4c5981
#4c5981
rgb(76,89,129)
-
#445689
#445689
rgb(68,86,137)
-
#3c5291
#3c5291
rgb(60,82,145)
-
#344e99
#344e99
rgb(52,78,153)
-
#2c4aa1
#2c4aa1
rgb(44,74,161)
-
#2446a9
#2446a9
rgb(36,70,169)
-
#1c43b1
#1c43b1
rgb(28,67,177)
-
#143fb9
#143fb9
rgb(20,63,185)
-
#0d3bc0
#0d3bc0
rgb(13,59,192)
-
#0537c8
#0537c8
rgb(5,55,200)
Color Blindness Simulator
Below, you can see how #344e99 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.