#344a51 Color Information
In a RGB color space, hex #344a51 is composed of 20.4% red, 29% green and 31.8% blue. Whereas in a CMYK color space, it is composed of 35.8% cyan, 8.6% magenta, 0% yellow and 68.2% black. It has a hue angle of 194.5 degrees, a saturation of 21.8% and a lightness of 26.1%. #344a51 color hex could be obtained by blending #6894a2 with #000000. Closest websafe color is: #333366.
-
- R 20
- G 29
- B 32
-
- C 36
- M 9
- Y 0
- K 68
● #344a51 color description : Very dark desaturated cyan.
#344a51 Color Conversion
The hexadecimal color #344a51 has RGB values of R:52, G:74, B:81 and CMYK values of C:0.36, M:0.09, Y:0, K:0.68. Its decimal value is 3426897.
Hex triplet | 344a51 | #344a51 |
---|---|---|
RGB Decimal | 52, 74, 81 | rgb(52,74,81) |
RGB Percent | 20.4, 29, 31.8 | rgb(20.4%,29%,31.8%) |
CMYK | 36, 9, 0, 68 | |
HSL | 194.5°, 21.8, 26.1 | hsl(194.5,21.8%,26.1%) |
HSV (or HSB) | 194.5°, 35.8, 31.8 | |
Web Safe | 333366 | #333366 |
CIE-LAB | 29.965, -6.505, -6.903 |
---|---|
XYZ | 5.35, 6.221, 8.703 |
xyY | 0.264, 0.307, 6.221 |
CIE-LCH | 29.965, 9.485, 226.702 |
CIE-LUV | 29.965, -10.263, -7.637 |
Hunter-Lab | 24.943, -5.365, -3.227 |
Binary | 00110100, 01001010, 01010001 |
Color Schemes with #344a51
Alternatives to #344a51
Below, you can see some colors close to #344a51. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344a51 Preview
This text has a font color of #344a51.
<span style="color:#344a51;">Text here</span>
This paragraph has a background color of #344a51.
<p style="background-color:#344a51;">Content here</p>
This element has a border color of #344a51.
<div style="border:1px solid #344a51;">Content here</div>
.text {color:#344a51;}
.background {background-color:#344a51;}
.border {border:1px solid #344a51;}
Shades and Tints of #344a51
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, #060909 is the darkest color, while #fcfdfd is the lightest one.
-
#060909
#060909
rgb(6,9,9)
-
#0e1315
#0e1315
rgb(14,19,21)
-
#151e21
#151e21
rgb(21,30,33)
-
#1d292d
#1d292d
rgb(29,41,45)
-
#253439
#253439
rgb(37,52,57)
-
#2c3f45
#2c3f45
rgb(44,63,69)
-
#344a51
#344a51
rgb(52,74,81)
-
#3c555d
#3c555d
rgb(60,85,93)
-
#436069
#436069
rgb(67,96,105)
-
#4b6b75
#4b6b75
rgb(75,107,117)
-
#537681
#537681
rgb(83,118,129)
-
#5a818d
#5a818d
rgb(90,129,141)
-
#628b99
#628b99
rgb(98,139,153)
-
#6d95a1
#6d95a1
rgb(109,149,161)
-
#799da9
#799da9
rgb(121,157,169)
-
#85a6b1
#85a6b1
rgb(133,166,177)
-
#91afb8
#91afb8
rgb(145,175,184)
-
#9db7c0
#9db7c0
rgb(157,183,192)
-
#a9c0c8
#a9c0c8
rgb(169,192,200)
-
#b5c9cf
#b5c9cf
rgb(181,201,207)
-
#c1d2d7
#c1d2d7
rgb(193,210,215)
-
#cddadf
#cddadf
rgb(205,218,223)
-
#d9e3e6
#d9e3e6
rgb(217,227,230)
-
#e4ecee
#e4ecee
rgb(228,236,238)
-
#f0f4f6
#f0f4f6
rgb(240,244,246)
-
#fcfdfd
#fcfdfd
rgb(252,253,253)
Tones of #344a51
A tone is produced by adding gray to any pure hue. In this case, #3e4547 is the less saturated color, while #016484 is the most saturated one.
-
#3e4547
#3e4547
rgb(62,69,71)
-
#39474c
#39474c
rgb(57,71,76)
-
#344a51
#344a51
rgb(52,74,81)
-
#2f4d56
#2f4d56
rgb(47,77,86)
-
#2a4f5b
#2a4f5b
rgb(42,79,91)
-
#255260
#255260
rgb(37,82,96)
-
#205565
#205565
rgb(32,85,101)
-
#1a576b
#1a576b
rgb(26,87,107)
-
#155a70
#155a70
rgb(21,90,112)
-
#105d75
#105d75
rgb(16,93,117)
-
#0b5f7a
#0b5f7a
rgb(11,95,122)
-
#06627f
#06627f
rgb(6,98,127)
-
#016484
#016484
rgb(1,100,132)
Color Blindness Simulator
Below, you can see how #344a51 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.