#344f60 Color Information
In a RGB color space, hex #344f60 is composed of 20.4% red, 31% green and 37.6% blue. Whereas in a CMYK color space, it is composed of 45.8% cyan, 17.7% magenta, 0% yellow and 62.4% black. It has a hue angle of 203.2 degrees, a saturation of 29.7% and a lightness of 29%. #344f60 color hex could be obtained by blending #689ec0 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 38
-
- C 46
- M 18
- Y 0
- K 62
● #344f60 color description : Very dark desaturated blue.
#344f60 Color Conversion
The hexadecimal color #344f60 has RGB values of R:52, G:79, B:96 and CMYK values of C:0.46, M:0.18, Y:0, K:0.62. Its decimal value is 3428192.
Hex triplet | 344f60 | #344f60 |
---|---|---|
RGB Decimal | 52, 79, 96 | rgb(52,79,96) |
RGB Percent | 20.4, 31, 37.6 | rgb(20.4%,31%,37.6%) |
CMYK | 46, 18, 0, 62 | |
HSL | 203.2°, 29.7, 29 | hsl(203.2,29.7%,29%) |
HSV (or HSB) | 203.2°, 45.8, 37.6 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 32.182, -5.087, -13.123 |
---|---|
XYZ | 6.323, 7.166, 12.116 |
xyY | 0.247, 0.28, 7.166 |
CIE-LCH | 32.182, 14.075, 248.813 |
CIE-LUV | 32.182, -12.305, -16.246 |
Hunter-Lab | 26.77, -4.686, -8.095 |
Binary | 00110100, 01001111, 01100000 |
Color Schemes with #344f60
Alternatives to #344f60
Below, you can see some colors close to #344f60. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f60 Preview
This text has a font color of #344f60.
<span style="color:#344f60;">Text here</span>
This paragraph has a background color of #344f60.
<p style="background-color:#344f60;">Content here</p>
This element has a border color of #344f60.
<div style="border:1px solid #344f60;">Content here</div>
.text {color:#344f60;}
.background {background-color:#344f60;}
.border {border:1px solid #344f60;}
Shades and Tints of #344f60
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, #040607 is the darkest color, while #f9fbfc is the lightest one.
-
#040607
#040607
rgb(4,6,7)
-
#0b1014
#0b1014
rgb(11,16,20)
-
#121b20
#121b20
rgb(18,27,32)
-
#18252d
#18252d
rgb(24,37,45)
-
#1f303a
#1f303a
rgb(31,48,58)
-
#263a47
#263a47
rgb(38,58,71)
-
#2d4553
#2d4553
rgb(45,69,83)
-
#344f60
#344f60
rgb(52,79,96)
-
#3b596d
#3b596d
rgb(59,89,109)
-
#426479
#426479
rgb(66,100,121)
-
#496e86
#496e86
rgb(73,110,134)
-
#507993
#507993
rgb(80,121,147)
-
#5683a0
#5683a0
rgb(86,131,160)
-
#618da9
#618da9
rgb(97,141,169)
-
#6d96b0
#6d96b0
rgb(109,150,176)
-
#7a9fb7
#7a9fb7
rgb(122,159,183)
-
#87a9be
#87a9be
rgb(135,169,190)
-
#93b2c5
#93b2c5
rgb(147,178,197)
-
#a0bbcc
#a0bbcc
rgb(160,187,204)
-
#adc4d3
#adc4d3
rgb(173,196,211)
-
#bacdd9
#bacdd9
rgb(186,205,217)
-
#c6d6e0
#c6d6e0
rgb(198,214,224)
-
#d3dfe7
#d3dfe7
rgb(211,223,231)
-
#e0e9ee
#e0e9ee
rgb(224,233,238)
-
#ecf2f5
#ecf2f5
rgb(236,242,245)
-
#f9fbfc
#f9fbfc
rgb(249,251,252)
Tones of #344f60
A tone is produced by adding gray to any pure hue. In this case, #454b4f is the less saturated color, while #015b93 is the most saturated one.
-
#454b4f
#454b4f
rgb(69,75,79)
-
#3f4c55
#3f4c55
rgb(63,76,85)
-
#3a4e5a
#3a4e5a
rgb(58,78,90)
-
#344f60
#344f60
rgb(52,79,96)
-
#2e5066
#2e5066
rgb(46,80,102)
-
#29526b
#29526b
rgb(41,82,107)
-
#235371
#235371
rgb(35,83,113)
-
#1d5477
#1d5477
rgb(29,84,119)
-
#18557c
#18557c
rgb(24,85,124)
-
#125782
#125782
rgb(18,87,130)
-
#0c5888
#0c5888
rgb(12,88,136)
-
#06598e
#06598e
rgb(6,89,142)
-
#015b93
#015b93
rgb(1,91,147)
Color Blindness Simulator
Below, you can see how #344f60 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.