#344676 Color Information
In a RGB color space, hex #344676 is composed of 20.4% red, 27.5% green and 46.3% blue. Whereas in a CMYK color space, it is composed of 55.9% cyan, 40.7% magenta, 0% yellow and 53.7% black. It has a hue angle of 223.6 degrees, a saturation of 38.8% and a lightness of 33.3%. #344676 color hex could be obtained by blending #688cec with #000000. Closest websafe color is: #333366.
-
- R 20
- G 27
- B 46
-
- C 56
- M 41
- Y 0
- K 54
● #344676 color description : Dark moderate blue.
#344676 Color Conversion
The hexadecimal color #344676 has RGB values of R:52, G:70, B:118 and CMYK values of C:0.56, M:0.41, Y:0, K:0.54. Its decimal value is 3425910.
Hex triplet | 344676 | #344676 |
---|---|---|
RGB Decimal | 52, 70, 118 | rgb(52,70,118) |
RGB Percent | 20.4, 27.5, 46.3 | rgb(20.4%,27.5%,46.3%) |
CMYK | 56, 41, 0, 54 | |
HSL | 223.6°, 38.8, 33.3 | hsl(223.6,38.8%,33.3%) |
HSV (or HSB) | 223.6°, 55.9, 46.3 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 30.444, 8.147, -29.721 |
---|---|
XYZ | 6.876, 6.418, 18.015 |
xyY | 0.22, 0.205, 6.418 |
CIE-LCH | 30.444, 30.818, 285.329 |
CIE-LUV | 30.444, -9.054, -39.921 |
Hunter-Lab | 25.334, 4.111, -24.428 |
Binary | 00110100, 01000110, 01110110 |
Color Schemes with #344676
Alternatives to #344676
Below, you can see some colors close to #344676. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344676 Preview
This text has a font color of #344676.
<span style="color:#344676;">Text here</span>
This paragraph has a background color of #344676.
<p style="background-color:#344676;">Content here</p>
This element has a border color of #344676.
<div style="border:1px solid #344676;">Content here</div>
.text {color:#344676;}
.background {background-color:#344676;}
.border {border:1px solid #344676;}
Shades and Tints of #344676
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, #040509 is the darkest color, while #fafbfd is the lightest one.
-
#040509
#040509
rgb(4,5,9)
-
#0a0d17
#0a0d17
rgb(10,13,23)
-
#101624
#101624
rgb(16,22,36)
-
#161e32
#161e32
rgb(22,30,50)
-
#1c2640
#1c2640
rgb(28,38,64)
-
#222e4d
#222e4d
rgb(34,46,77)
-
#28365b
#28365b
rgb(40,54,91)
-
#2e3e68
#2e3e68
rgb(46,62,104)
-
#344676
#344676
rgb(52,70,118)
-
#3a4e84
#3a4e84
rgb(58,78,132)
-
#405691
#405691
rgb(64,86,145)
-
#465e9f
#465e9f
rgb(70,94,159)
-
#4c66ac
#4c66ac
rgb(76,102,172)
-
#5771b5
#5771b5
rgb(87,113,181)
-
#657cbb
#657cbb
rgb(101,124,187)
-
#7288c1
#7288c1
rgb(114,136,193)
-
#8093c7
#8093c7
rgb(128,147,199)
-
#8e9fcd
#8e9fcd
rgb(142,159,205)
-
#9baad3
#9baad3
rgb(155,170,211)
-
#a9b6d9
#a9b6d9
rgb(169,182,217)
-
#b6c1df
#b6c1df
rgb(182,193,223)
-
#c4cde5
#c4cde5
rgb(196,205,229)
-
#d2d9eb
#d2d9eb
rgb(210,217,235)
-
#dfe4f1
#dfe4f1
rgb(223,228,241)
-
#edf0f7
#edf0f7
rgb(237,240,247)
-
#fafbfd
#fafbfd
rgb(250,251,253)
Tones of #344676
A tone is produced by adding gray to any pure hue. In this case, #555555 is the less saturated color, while #0631a4 is the most saturated one.
-
#555555
#555555
rgb(85,85,85)
-
#4e525c
#4e525c
rgb(78,82,92)
-
#484f62
#484f62
rgb(72,79,98)
-
#414c69
#414c69
rgb(65,76,105)
-
#3b496f
#3b496f
rgb(59,73,111)
-
#344676
#344676
rgb(52,70,118)
-
#2d437d
#2d437d
rgb(45,67,125)
-
#274083
#274083
rgb(39,64,131)
-
#203d8a
#203d8a
rgb(32,61,138)
-
#1a3a90
#1a3a90
rgb(26,58,144)
-
#133797
#133797
rgb(19,55,151)
-
#0d349d
#0d349d
rgb(13,52,157)
-
#0631a4
#0631a4
rgb(6,49,164)
Color Blindness Simulator
Below, you can see how #344676 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.