#344f73 Color Information
In a RGB color space, hex #344f73 is composed of 20.4% red, 31% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 54.8% cyan, 31.3% magenta, 0% yellow and 54.9% black. It has a hue angle of 214.3 degrees, a saturation of 37.7% and a lightness of 32.7%. #344f73 color hex could be obtained by blending #689ee6 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 45
-
- C 55
- M 31
- Y 0
- K 55
● #344f73 color description : Dark moderate blue.
#344f73 Color Conversion
The hexadecimal color #344f73 has RGB values of R:52, G:79, B:115 and CMYK values of C:0.55, M:0.31, Y:0, K:0.55. Its decimal value is 3428211.
Hex triplet | 344f73 | #344f73 |
---|---|---|
RGB Decimal | 52, 79, 115 | rgb(52,79,115) |
RGB Percent | 20.4, 31, 45.1 | rgb(20.4%,31%,45.1%) |
CMYK | 55, 31, 0, 55 | |
HSL | 214.3°, 37.7, 32.7 | hsl(214.3,37.7%,32.7%) |
HSV (or HSB) | 214.3°, 54.8, 45.1 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 33.048, 1.18, -23.744 |
---|---|
XYZ | 7.306, 7.559, 17.293 |
xyY | 0.227, 0.235, 7.559 |
CIE-LCH | 33.048, 23.773, 272.844 |
CIE-LUV | 33.048, -12.245, -31.837 |
Hunter-Lab | 27.494, -0.683, -18.045 |
Binary | 00110100, 01001111, 01110011 |
Color Schemes with #344f73
Alternatives to #344f73
Below, you can see some colors close to #344f73. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f73 Preview
This text has a font color of #344f73.
<span style="color:#344f73;">Text here</span>
This paragraph has a background color of #344f73.
<p style="background-color:#344f73;">Content here</p>
This element has a border color of #344f73.
<div style="border:1px solid #344f73;">Content here</div>
.text {color:#344f73;}
.background {background-color:#344f73;}
.border {border:1px solid #344f73;}
Shades and Tints of #344f73
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, #030507 is the darkest color, while #f8fafc is the lightest one.
-
#030507
#030507
rgb(3,5,7)
-
#090e14
#090e14
rgb(9,14,20)
-
#0f1722
#0f1722
rgb(15,23,34)
-
#15212f
#15212f
rgb(21,33,47)
-
#1c2a3d
#1c2a3d
rgb(28,42,61)
-
#22334a
#22334a
rgb(34,51,74)
-
#283c58
#283c58
rgb(40,60,88)
-
#2e4665
#2e4665
rgb(46,70,101)
-
#344f73
#344f73
rgb(52,79,115)
-
#3a5881
#3a5881
rgb(58,88,129)
-
#40628e
#40628e
rgb(64,98,142)
-
#466b9c
#466b9c
rgb(70,107,156)
-
#4c74a9
#4c74a9
rgb(76,116,169)
-
#567eb3
#567eb3
rgb(86,126,179)
-
#6488b9
#6488b9
rgb(100,136,185)
-
#7193bf
#7193bf
rgb(113,147,191)
-
#7f9dc5
#7f9dc5
rgb(127,157,197)
-
#8ca7cb
#8ca7cb
rgb(140,167,203)
-
#9ab2d1
#9ab2d1
rgb(154,178,209)
-
#a7bcd7
#a7bcd7
rgb(167,188,215)
-
#b5c6dd
#b5c6dd
rgb(181,198,221)
-
#c2d1e4
#c2d1e4
rgb(194,209,228)
-
#d0dbea
#d0dbea
rgb(208,219,234)
-
#dde5f0
#dde5f0
rgb(221,229,240)
-
#ebf0f6
#ebf0f6
rgb(235,240,246)
-
#f8fafc
#f8fafc
rgb(248,250,252)
Tones of #344f73
A tone is produced by adding gray to any pure hue. In this case, #4e5359 is the less saturated color, while #0148a6 is the most saturated one.
-
#4e5359
#4e5359
rgb(78,83,89)
-
#475260
#475260
rgb(71,82,96)
-
#415166
#415166
rgb(65,81,102)
-
#3a506d
#3a506d
rgb(58,80,109)
-
#344f73
#344f73
rgb(52,79,115)
-
#2e4e79
#2e4e79
rgb(46,78,121)
-
#274d80
#274d80
rgb(39,77,128)
-
#214c86
#214c86
rgb(33,76,134)
-
#1a4b8d
#1a4b8d
rgb(26,75,141)
-
#144a93
#144a93
rgb(20,74,147)
-
#0d499a
#0d499a
rgb(13,73,154)
-
#0749a0
#0749a0
rgb(7,73,160)
-
#0148a6
#0148a6
rgb(1,72,166)
Color Blindness Simulator
Below, you can see how #344f73 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.