#344f61 Color Information
In a RGB color space, hex #344f61 is composed of 20.4% red, 31% green and 38% blue. Whereas in a CMYK color space, it is composed of 46.4% cyan, 18.6% magenta, 0% yellow and 62% black. It has a hue angle of 204 degrees, a saturation of 30.2% and a lightness of 29.2%. #344f61 color hex could be obtained by blending #689ec2 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 38
-
- C 46
- M 19
- Y 0
- K 62
● #344f61 color description : Very dark desaturated blue.
#344f61 Color Conversion
The hexadecimal color #344f61 has RGB values of R:52, G:79, B:97 and CMYK values of C:0.46, M:0.19, Y:0, K:0.62. Its decimal value is 3428193.
Hex triplet | 344f61 | #344f61 |
---|---|---|
RGB Decimal | 52, 79, 97 | rgb(52,79,97) |
RGB Percent | 20.4, 31, 38 | rgb(20.4%,31%,38%) |
CMYK | 46, 19, 0, 62 | |
HSL | 204°, 30.2, 29.2 | hsl(204,30.2%,29.2%) |
HSV (or HSB) | 204°, 46.4, 38 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.224, -4.772, -13.694 |
---|---|
XYZ | 6.369, 7.185, 12.36 |
xyY | 0.246, 0.277, 7.185 |
CIE-LCH | 32.224, 14.501, 250.787 |
CIE-LUV | 32.224, -12.3, -17.062 |
Hunter-Lab | 26.804, -4.492, -8.576 |
Binary | 00110100, 01001111, 01100001 |
Color Schemes with #344f61
Alternatives to #344f61
Below, you can see some colors close to #344f61. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f61 Preview
This text has a font color of #344f61.
<span style="color:#344f61;">Text here</span>
This paragraph has a background color of #344f61.
<p style="background-color:#344f61;">Content here</p>
This element has a border color of #344f61.
<div style="border:1px solid #344f61;">Content here</div>
.text {color:#344f61;}
.background {background-color:#344f61;}
.border {border:1px solid #344f61;}
Shades and Tints of #344f61
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, #040608 is the darkest color, while #fafbfc is the lightest one.
-
#040608
#040608
rgb(4,6,8)
-
#0b1114
#0b1114
rgb(11,17,20)
-
#121b21
#121b21
rgb(18,27,33)
-
#19252e
#19252e
rgb(25,37,46)
-
#1f303b
#1f303b
rgb(31,48,59)
-
#263a47
#263a47
rgb(38,58,71)
-
#2d4554
#2d4554
rgb(45,69,84)
-
#344f61
#344f61
rgb(52,79,97)
-
#3b596e
#3b596e
rgb(59,89,110)
-
#42647b
#42647b
rgb(66,100,123)
-
#496e87
#496e87
rgb(73,110,135)
-
#4f7994
#4f7994
rgb(79,121,148)
-
#5683a1
#5683a1
rgb(86,131,161)
-
#618daa
#618daa
rgb(97,141,170)
-
#6d96b1
#6d96b1
rgb(109,150,177)
-
#7a9fb8
#7a9fb8
rgb(122,159,184)
-
#87a8bf
#87a8bf
rgb(135,168,191)
-
#94b2c5
#94b2c5
rgb(148,178,197)
-
#a0bbcc
#a0bbcc
rgb(160,187,204)
-
#adc4d3
#adc4d3
rgb(173,196,211)
-
#bacdda
#bacdda
rgb(186,205,218)
-
#c7d6e1
#c7d6e1
rgb(199,214,225)
-
#d4e0e8
#d4e0e8
rgb(212,224,232)
-
#e0e9ef
#e0e9ef
rgb(224,233,239)
-
#edf2f5
#edf2f5
rgb(237,242,245)
-
#fafbfc
#fafbfc
rgb(250,251,252)
Tones of #344f61
A tone is produced by adding gray to any pure hue. In this case, #454c50 is the less saturated color, while #005995 is the most saturated one.
-
#454c50
#454c50
rgb(69,76,80)
-
#3f4d56
#3f4d56
rgb(63,77,86)
-
#3a4e5b
#3a4e5b
rgb(58,78,91)
-
#344f61
#344f61
rgb(52,79,97)
-
#2e5067
#2e5067
rgb(46,80,103)
-
#29516c
#29516c
rgb(41,81,108)
-
#235272
#235272
rgb(35,82,114)
-
#1d5478
#1d5478
rgb(29,84,120)
-
#17557e
#17557e
rgb(23,85,126)
-
#125683
#125683
rgb(18,86,131)
-
#0c5789
#0c5789
rgb(12,87,137)
-
#06588f
#06588f
rgb(6,88,143)
-
#005995
#005995
rgb(0,89,149)
Color Blindness Simulator
Below, you can see how #344f61 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.