#344f54 Color Information
In a RGB color space, hex #344f54 is composed of 20.4% red, 31% green and 32.9% blue. Whereas in a CMYK color space, it is composed of 38.1% cyan, 6% magenta, 0% yellow and 67.1% black. It has a hue angle of 189.4 degrees, a saturation of 23.5% and a lightness of 26.7%. #344f54 color hex could be obtained by blending #689ea8 with #000000. Closest websafe color is: #336666.
-
- R 20
- G 31
- B 33
-
- C 38
- M 6
- Y 0
- K 67
● #344f54 color description : Very dark desaturated cyan.
#344f54 Color Conversion
The hexadecimal color #344f54 has RGB values of R:52, G:79, B:84 and CMYK values of C:0.38, M:0.06, Y:0, K:0.67. Its decimal value is 3428180.
Hex triplet | 344f54 | #344f54 |
---|---|---|
RGB Decimal | 52, 79, 84 | rgb(52,79,84) |
RGB Percent | 20.4, 31, 32.9 | rgb(20.4%,31%,32.9%) |
CMYK | 38, 6, 0, 67 | |
HSL | 189.4°, 23.5, 26.7 | hsl(189.4,23.5%,26.7%) |
HSV (or HSB) | 189.4°, 38.1, 32.9 | |
Web Safe | 336666 | #336666 |
CIE-LAB | 31.72, -8.705, -6.194 |
---|---|
XYZ | 5.812, 6.962, 9.425 |
xyY | 0.262, 0.314, 6.962 |
CIE-LCH | 31.72, 10.684, 215.436 |
CIE-LUV | 31.72, -12.371, -6.592 |
Hunter-Lab | 26.385, -6.856, -2.708 |
Binary | 00110100, 01001111, 01010100 |
Color Schemes with #344f54
Alternatives to #344f54
Below, you can see some colors close to #344f54. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.
#344f54 Preview
This text has a font color of #344f54.
<span style="color:#344f54;">Text here</span>
This paragraph has a background color of #344f54.
<p style="background-color:#344f54;">Content here</p>
This element has a border color of #344f54.
<div style="border:1px solid #344f54;">Content here</div>
.text {color:#344f54;}
.background {background-color:#344f54;}
.border {border:1px solid #344f54;}
Shades and Tints of #344f54
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, #070b0b is the darkest color, while #fefeff is the lightest one.
-
#070b0b
#070b0b
rgb(7,11,11)
-
#0f1617
#0f1617
rgb(15,22,23)
-
#162124
#162124
rgb(22,33,36)
-
#1e2d30
#1e2d30
rgb(30,45,48)
-
#25383c
#25383c
rgb(37,56,60)
-
#2d4448
#2d4448
rgb(45,68,72)
-
#344f54
#344f54
rgb(52,79,84)
-
#3c5a60
#3c5a60
rgb(60,90,96)
-
#43666c
#43666c
rgb(67,102,108)
-
#4b7178
#4b7178
rgb(75,113,120)
-
#527d84
#527d84
rgb(82,125,132)
-
#5a8891
#5a8891
rgb(90,136,145)
-
#61939d
#61939d
rgb(97,147,157)
-
#6d9ca5
#6d9ca5
rgb(109,156,165)
-
#79a4ac
#79a4ac
rgb(121,164,172)
-
#85acb4
#85acb4
rgb(133,172,180)
-
#91b4bb
#91b4bb
rgb(145,180,187)
-
#9dbdc3
#9dbdc3
rgb(157,189,195)
-
#a9c5ca
#a9c5ca
rgb(169,197,202)
-
#b6cdd2
#b6cdd2
rgb(182,205,210)
-
#c2d5d9
#c2d5d9
rgb(194,213,217)
-
#cedee1
#cedee1
rgb(206,222,225)
-
#dae6e8
#dae6e8
rgb(218,230,232)
-
#e6eef0
#e6eef0
rgb(230,238,240)
-
#f2f6f7
#f2f6f7
rgb(242,246,247)
-
#fefeff
#fefeff
rgb(254,254,255)
Tones of #344f54
A tone is produced by adding gray to any pure hue. In this case, #444444 is the less saturated color, while #056f83 is the most saturated one.
-
#444444
#444444
rgb(68,68,68)
-
#3e484a
#3e484a
rgb(62,72,74)
-
#394b4f
#394b4f
rgb(57,75,79)
-
#344f54
#344f54
rgb(52,79,84)
-
#2f5359
#2f5359
rgb(47,83,89)
-
#2a565e
#2a565e
rgb(42,86,94)
-
#245a64
#245a64
rgb(36,90,100)
-
#1f5d69
#1f5d69
rgb(31,93,105)
-
#1a616e
#1a616e
rgb(26,97,110)
-
#156573
#156573
rgb(21,101,115)
-
#0f6879
#0f6879
rgb(15,104,121)
-
#0a6c7e
#0a6c7e
rgb(10,108,126)
-
#056f83
#056f83
rgb(5,111,131)
Color Blindness Simulator
Below, you can see how #344f54 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.