#344f52 Color Information
In a RGB color space, hex #344f52 is composed of 20.4% red, 31% green and 32.2% blue. Whereas in a CMYK color space, it is composed of 36.6% cyan, 3.7% magenta, 0% yellow and 67.8% black. It has a hue angle of 186 degrees, a saturation of 22.4% and a lightness of 26.3%. #344f52 color hex could be obtained by blending #689ea4 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 32
-
- C 37
- M 4
- Y 0
- K 68
● #344f52 color description : Very dark desaturated cyan.
#344f52 Color Conversion
The hexadecimal color #344f52 has RGB values of R:52, G:79, B:82 and CMYK values of C:0.37, M:0.04, Y:0, K:0.68. Its decimal value is 3428178.
Hex triplet | 344f52 | #344f52 |
---|---|---|
RGB Decimal | 52, 79, 82 | rgb(52,79,82) |
RGB Percent | 20.4, 31, 32.2 | rgb(20.4%,31%,32.2%) |
CMYK | 37, 4, 0, 68 | |
HSL | 186°, 22.4, 26.3 | hsl(186,22.4%,26.3%) |
HSV (or HSB) | 186°, 36.6, 32.2 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.649, -9.276, -5.025 |
---|---|
XYZ | 5.735, 6.931, 9.018 |
xyY | 0.264, 0.32, 6.931 |
CIE-LCH | 31.649, 10.55, 208.443 |
CIE-LUV | 31.649, -12.384, -5.017 |
Hunter-Lab | 26.327, -7.189, -1.88 |
Binary | 00110100, 01001111, 01010010 |
Color Schemes with #344f52
Alternatives to #344f52
Below, you can see some colors close to #344f52. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f52 Preview
This text has a font color of #344f52.
<span style="color:#344f52;">Text here</span>
This paragraph has a background color of #344f52.
<p style="background-color:#344f52;">Content here</p>
This element has a border color of #344f52.
<div style="border:1px solid #344f52;">Content here</div>
.text {color:#344f52;}
.background {background-color:#344f52;}
.border {border:1px solid #344f52;}
Shades and Tints of #344f52
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, #060a0a is the darkest color, while #fdfefe is the lightest one.
-
#060a0a
#060a0a
rgb(6,10,10)
-
#0e1516
#0e1516
rgb(14,21,22)
-
#162122
#162122
rgb(22,33,34)
-
#1d2c2e
#1d2c2e
rgb(29,44,46)
-
#25383a
#25383a
rgb(37,56,58)
-
#2c4346
#2c4346
rgb(44,67,70)
-
#344f52
#344f52
rgb(52,79,82)
-
#3c5b5e
#3c5b5e
rgb(60,91,94)
-
#43666a
#43666a
rgb(67,102,106)
-
#4b7276
#4b7276
rgb(75,114,118)
-
#527d82
#527d82
rgb(82,125,130)
-
#5a898e
#5a898e
rgb(90,137,142)
-
#62949a
#62949a
rgb(98,148,154)
-
#6d9da2
#6d9da2
rgb(109,157,162)
-
#79a5aa
#79a5aa
rgb(121,165,170)
-
#85adb2
#85adb2
rgb(133,173,178)
-
#91b5b9
#91b5b9
rgb(145,181,185)
-
#9dbdc1
#9dbdc1
rgb(157,189,193)
-
#a9c5c8
#a9c5c8
rgb(169,197,200)
-
#b5cdd0
#b5cdd0
rgb(181,205,208)
-
#c1d5d8
#c1d5d8
rgb(193,213,216)
-
#cddddf
#cddddf
rgb(205,221,223)
-
#d9e5e7
#d9e5e7
rgb(217,229,231)
-
#e5eeee
#e5eeee
rgb(229,238,238)
-
#f1f6f6
#f1f6f6
rgb(241,246,246)
-
#fdfefe
#fdfefe
rgb(253,254,254)
Tones of #344f52
A tone is produced by adding gray to any pure hue. In this case, #3e4748 is the less saturated color, while #007886 is the most saturated one.
-
#3e4748
#3e4748
rgb(62,71,72)
-
#394b4d
#394b4d
rgb(57,75,77)
-
#344f52
#344f52
rgb(52,79,82)
-
#2f5357
#2f5357
rgb(47,83,87)
-
#2a575c
#2a575c
rgb(42,87,92)
-
#255b61
#255b61
rgb(37,91,97)
-
#1f5f67
#1f5f67
rgb(31,95,103)
-
#1a646c
#1a646c
rgb(26,100,108)
-
#156871
#156871
rgb(21,104,113)
-
#106c76
#106c76
rgb(16,108,118)
-
#0b707b
#0b707b
rgb(11,112,123)
-
#067480
#067480
rgb(6,116,128)
-
#007886
#007886
rgb(0,120,134)
Color Blindness Simulator
Below, you can see how #344f52 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.